Le HTML décrit la structure d’une page web, permettant au navigateur de transformer du texte en un document composé de titres, de paragraphes, de liens, de listes et d’autres éléments. Lors du chargement d’une page, le navigateur lit le code HTML de haut en bas, construit une arborescence interne d’éléments, puis affiche cette structure sous une forme visible et interactive. Si le style provient généralement du CSS et l’interactivité du JavaScript, le HTML constitue la base sur laquelle ces deux éléments s’appuient.
Pour bien comprendre cette distinction, commencez par comparer le rendu du navigateur avec le code source qui l’a généré.
Une même page visible peut être définie par des balises différentes, mais chaque balise possède une signification précise. Un paragraphe s’affiche parce que le code HTML contient un élément p, et un lien est cliquable parce qu’un élément a indique au navigateur qu’il existe une cible de navigation. Si vous modifiez uniquement le CSS, le contenu reste identique même si son apparence change, car c’est le HTML qui détermine la nature du contenu.
Le HTML repose sur des éléments, c’est-à-dire des composants nommés (comme p et a) que le navigateur sait interpréter. La plupart des éléments s’écrivent à l’aide d’une balise d’ouverture (comme <p>) et d’une balise de fermeture (comme </p>), encadrant un contenu. Certains sont des éléments vides qui n’encadrent aucun contenu, comme img, qui représente une image en faisant référence à un fichier.
Les éléments peuvent comporter des attributs — des informations supplémentaires inscrites dans la balise ouvrante. Un attribut possède une valeur (par exemple href="https://example.com") que le navigateur utilise pour déterminer le comportement de l’élément, comme la destination d’un lien. Les éléments peuvent également être imbriqués (placés les uns dans les autres) ; cette relation parent-enfant influence la structure et la signification du document.
Règle d’imbrication Si vous oubliez une balise fermante ou si vous chevauchez les balises, le navigateur tente d’interpréter votre intention, ce qui peut entraîner un rendu visuel inattendu.
Une page HTML complète commence par <!doctype html>, indiquant au navigateur d’utiliser le mode de rendu conforme aux standards modernes. L’élément html englobe l’ensemble du document, tandis que l’élément head contient les métadonnées utilisées par le navigateur et que l’élément body renferme le contenu affiché sur la page. L’élément title se trouve dans le head et définit le texte de l’onglet, et non le contenu visible de la page elle-même.