| |
Définition
Le code HTML est un langage de description. A l'aide d'instructions que vous insérez, vous allez définir la forme de votre texte (gras, italique, polices, ...), inclure des images, du son, implanter des liens vers d'autres pages...
Exemple
Une balise (ou tag) est facilement identifiable, elle est constituée d'un mot (ou plusieurs dans certain cas) encadrée par les signes inférieur (<) et supérieur (>).
html12.gif
1. Balise d'ouverture
2. Votre texte
3. Balise de Fermeture
Les premières balises (ou tags)
La balise : Elle apparaît en premier et signale aux différents navigateurs que c'est une page Web, le tag indique la fin de la page.
La balise <head> : Elle indique les informations propres à votre page. Elle inclut les balise title et body ainsi que les balises meta qui permettront aux moteurs de recherche d'indexer votre site Web.
La balise <title> : Elle définit le titre de votre site (ou page). Ce titre se loge dans la barre supérieure de votre navigateur, ainsi que lors d'un ajout dans les favoris (ou bookmark) d'un navigateur.
La balise <body> : Elle va contenir toutes les informations qui s'afficheront dans la fenêtre du navigateur : Textes, liens, images...
Les balises indispensables
Tableau des balises les plus rencontrées
<br><br><table border="1" bordercolor="#330033" cellpadding="3" cellspacing="1" width="489"><tbody><tr><td bgcolor="#6699cc"><span class="texte"><b>Balise</b></span></td><td bgcolor="#6699cc"><span class="texte"><b>Description</b></span></td></tr><tr><td><span class="texte"><b><a></b></span></td><td><span class="texte">Lien hypertexte</span></td></tr><tr><td><span class="texte"><b><b></b></span></td><td><span class="texte">Texte en gras</span></td></tr><tr><td><span class="texte"><b><br></b></span></td><td><span class="texte">Saut de ligne</span></td> </tr><tr><td><span class="texte"><b><center></b></span></td><td><span class="texte">Centrage</span></td></tr><tr><td><span class="texte"><b><font></b></span></td><td><span class="texte">Définition du texte</span></td></tr><tr><td><span class="texte"><b><h1> à <h6></b></span></td><td><span class="texte">Titre de niveau 1 à 6</span></td></tr><tr><td><span class="texte"><b><hr></b></span></td><td><span class="texte">Filet horizontal (séparation)</span></td></tr><tr><td><span class="texte"><b><i></b></span></td><td><span class="texte">Texte en italique</span></td></tr><tr><td><span class="texte"><b><p></b></span></td><td><span class="texte">Début d'un paragraphe (saut de 2 lignes)</span></td></tr><tr><td><span class="texte"><b><table></b></span></td><td><span class="texte">Structure d'un tableau</span></td></tr><tr><td><span class="texte"><b><tr></b></span></td><td><span class="texte">Ligne d'un tableau</span></td></tr><tr><td><span class="texte"><b><td></b></span></td><td><span class="texte">Cellule d'un tableau</span></td></tr></tbody></table><br><br>
Première page avec le bloc-notes
Avant de commencer à écrire votre première page, il vous faut un éditeur html, mais le plus simple et le plus économique pour débuter reste le bloc-notes de Windows. Malheureusement son plus gros désavantage que vous devez "tout faire à la main" mais c'est une excellente façon de progresser.
a ) Ouvrir le Bloc-notes
(sous Windows : Démarrer, programmes, accessoires et bloc-notes)
b ) Tapez votre code (le retour chariot n'est pas obligatoire, et il n'a aucun effet ou presque sur le html, il permet juste d'avoir une meilleure visibilité de la syntaxe html)
html13.gif
c ) Sauvegardez votre fichier
html14.gif
d ) Enregistrez le fichier avec l'extension .htm (dans la majorité des cas la première page vue par vos visiteurs se nomme index.htm ou index.html ou encore index.shtml)
html15.gif
Quelques règles simples pour débuter
a ) Pratiquement toutes les balises vont par paire (balises d'ouverture et de fermeture, exemple : <b> et </b>)
b ) Ecrivez vos balises en minusules, cela peut faciliter le transfert de votre code vers le XHTML
c ) Essayer d'aérer au maximum votre code
d ) Le langage HTML ignore les retours chariot et les tabulations. Servez-vous des balises <br> ou <p> pour passer à la ligne
e) Certaines balises sont ignorées par certains navigateurs ou ne s'affichent pas de la même façon. Ex: Un titre de niveau supérieur h1 ne s'affiche pas de la même façon selon le navigateur utilisé
f ) Le cas des balises spécifiques à Internet Explorer (ex:<marquee>) ou à Netscape (ex:<blink>) est un peu plus épineux, essayez de ne pas trop en abuser !! ou mieux ne les utilisez pas, Internet par définition c'est pour tous et pas seulement pour Microsoft et Netscape !!
cadeau :code html de breack-danse video youtube:
5:13
code:
''html code''rayden is the best''<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/zJ3vvy8qnD0&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zJ3vvy8qnD0&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> <br>
1plus<''monteur de recherche google''><style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<div class="cse-branding-right" style="background-color:#FFFFFF;color:#000000">
<div class="cse-branding-form">
<form action="http://inconnu-x.fr.gd" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="partner-pub-0168778427595650:1rvcut-s3jk" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="Rechercher" />
</div>
</form>
</div>
<div class="cse-branding-logo">
<img src="http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif" alt="Google" />
</div>
<div class="cse-branding-text">
Recherche personnalisée
</div>
</div>
<div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
var googleSearchFormName = "cse-search-box";
var googleSearchFrameWidth = 800;
var googleSearchDomain = "www.google.com";
var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
|
|
