Balises et éléments

HTML ne programme rien : il décrit une page. Ce morceau de texte est un titre, celui-ci un paragraphe, celui-là un lien. L'apparence -- couleurs, tailles, disposition -- viendra plus tard, avec CSS.

Une balise ouvre, une balise ferme

<h1>Bienvenue au jardin partagé</h1>
<p>Un potager ouvert à tous les habitants.</p>

<h1> ouvre un titre, </h1> le ferme. L'ensemble -- balise ouvrante, contenu, balise fermante -- forme un élément.

Les éléments s'emboîtent

<p>Le jardin est <strong>ouvert</strong> ce soir.</p>

<strong> est dans le paragraphe. Les éléments s'emboîtent comme des poupées russes : on referme toujours le plus intérieur en premier. <p><strong>…</p></strong> est une erreur.

Les attributs

Une balise ouvrante peut porter des attributs, des précisions sous la forme nom="valeur" :

<a href="https://exemple.fr">Le site</a>

Le navigateur corrige... à sa façon

Un navigateur n'affiche jamais d'erreur HTML : il répare ce qu'il reçoit, selon des règles précises. Parfois le résultat ressemble à ce que tu voulais, parfois non -- un élément se retrouve ailleurs, une liste se coupe en deux. Les exercices de cette branche examinent la page telle que le navigateur l'a construite, pas le texte que tu as tapé : exactement ce qu'un visiteur verrait.