Différences entre les versions de « Le langage HTML/Structure de base d'un document HTML »

+ correction orthographe/grammaire
(+ correction orthographe/grammaire)
== Les balises ==
 
Comme vous le savez, le HTML utilise ce que l'on nomme des balises afin de structurer les informations et pour transformer votre code source en document correct affiché à l'écran. Connaître toutes les balises par coeurcœur n'est heureusement pas nécessaire mais il faut en avoir bien compris le principe pour pratiquer le HTML. On a de plus tendance à utiliser un nombre de balises plus restreint qu'il n'y paraît.
 
Pour rappel une balise est composée du nom de l'élément entouré des symboles « < » et « > ». Par exemple <code><nowiki><html></nowiki></code> est une balise.
=== La définition de type de document ===
 
Vous le savez, on en a parlé en long en large et travers dans l'introduction, il existe plusieurs versions du HTML et avec ça plusieurs variantes. On a aussi dit qu'une fois la version (et le cas échéant la variante) choisie, il fallait s'y tenir. Mais pour savoir si vous respectez bien les règles d'une certaines version, il faut dire la version que vous utilisez ! C'est à ça que sert la première ligne. Elle paraît barbare mais ne vous inquiétez pas, vous n'aurez pas à l'apprendre par coeurcœur (franchement je me demande si quelqu'un la connaît). Cette première balise donc est la ''déclaration de type document'' (appelée couramment ''doctype''). Dans le cas présent, on devine facilement qu'il s'agit du XHTML 1.0 Strict.
 
Vous avez ci-dessous une liste des Doctype les plus utilisés que vous pouvez directement copier / coller.
Sans un DOCTYPE, vous ne pourrez pas faire passer votre page par un validateur.
 
Vous avez sûrement remarqué qu'il n'y a pas de / final: : il ne faut pas en mettre ''même en XHTML''. En effet, le DOCTYPE n'est pas une balise, en fait, mais a un statut bien particulier.
 
==== Les trois variantes du HTML 4.01 ====
Un document HTML est entièrement compris dans une balise <code>html</code>. Même si le navigateur s'y attend, vous êtes poli et vous lui dites que vous commencez votre document HTML, puis que vous le terminez. Ainsi la balise <code>&lt;html&gt;</code> sera toujours la toute première après le doctype, et la balise <code>&lt;/html&gt;</code> la toute dernière.
 
À l'intérieur on trouve deux parties principales : un en-tête et un corps, placé respectivement entredans les balises <code>head</code> et <code>body</code>. L'en-tête est constitué de déclarations générales concernant la page HTML, destinées au navigateur, aux moteurs de recherche etc. Le corps contient le document lui-même : ce qui sera affiché par le navigateur dans la fenêtre de rendu. Cette partie ne contient aucun élément obligatoire.
 
==== La balise <code><nowiki><head></nowiki></code> ====
 
La balise <code><head></code> délimite l'en-tête de la page dont on vient de parler. On y trouve des informations qui ne seront pas affichées directement dans la zone de rendu du navigateur. Par exemple le titre de la page, le lien vers la feuille de style, une description et des mots clés, etc...
L'en-tête des documents HTML est l'objet du chapitre ''[[Programmation HTML/L'en-tête|L'en-tête]]''.
 
Un commentaire commence par les caractères <code><nowiki><!--</nowiki></code> et se termine par les caractères <code><nowiki>--></nowiki></code>.
 
Pratiquement n'importe quelle chaîne de caractères peut être placée à l'intérieur d'un commentaire : du texte, des balises, mais pas une suite de deux traits d'union adjascentsadjacents (<nowiki>--</nowiki>).
 
== Conclusion ==