Cours structure d'une page HTML

Cours structure d’une page HTML, tutoriel & guide de travaux pratiques en pdf.

Structure d’une page HTML

Nous avons vu dans le chapitre précédent qu’une page HTML était en fait un fichier texte, enrichi d’un certain nombre de codes ou commandes, appelées balises. Ces balises sont toujours exprimées sous la forme d’un mot clé, encadré par les caractères « < » et « > ». Exemple : <BALISE>. Pour la plupart des balises, il existe une balise de fermeture associée, reprenant le même nom, mais précédé du caractère « / ». Exemple : </BALISE>. La commande spécifiée s’applique donc uniquement au texte situé entre le couple de balises ainsi formé. Exemple: <HTML> … </HTML>
Notons que :  une balise peut indifféremment être indiquée en minuscules ou en majuscules,  le formattage « manuel » du document (espaces, sauts de lignes,…) est toujours ignoré. Par exemple : <HTML>…</HTML> est interprété de la même façon par le navigateur web que la syntaxe sur plusieurs lignes indiquée ci-dessus.
Nous venons de découvrir, sans le savoir, un des éléments de la structure d’une page HTML : toute page doit en effet débuter par la balise <HTML> et se finir par </HTML>.
Entre ces deux balises, on définit deux zones : l’en-tête, spécifié par les commandes <HEAD> et </HEAD>, ainsi que le corps, délimité par: <BODY> et </BODY>. Ce qui donne, comme structure de base :
<HTML> <HEAD> … </HEAD> <BODY> … </BODY> </HTML>
Dans l’en-tête, on ne met généralement qu’une seule information, le titre du document qui sera affiché en haut de la fenêtre du navigateur et qui apparaît dans les bookmarks (listes d’URL gérées par un navigateur, une sorte d’annuaire). Ce titre est indiqué entre les balises <TITLE> et </TITLE>.
– Le langage HTML, une introduction –
Exemple: <TITLE>Ceci est le titre</TITLE>.
Dans le corps, on met en fait tout le document à afficher (texte, définition des images etc.).
Signalons l’existence d’une balise de commentaire, qui peut être utilisée partout dans les documents HTML, définie comme suit : <!— Ceci est un commentaire —!>. Les commentaires ne sont jamais affichés à l’écran du navigateur.
En résumé, la structure générale d’une page HTML est la suivante.
<HTML> <HEAD> <TITLE>Titre du document</TITLE> </HEAD> <BODY> … … </BODY> </HTML>
Notez que l’indentation facilite la lecture du code mais n’est pas reproduite par le browser.