Langage HTML : structure d'une page web

En 30 secondes

• Un document HTML commence par DOCTYPE, puis <html> contient <head> (invisible) et <body> (contenu affiché).
• Un ÉLÉMENT = balise ouvrante + contenu + balise fermante ; une balise AUTO-FERMANTE comme <img> n'a pas de balise fermante séparée.
• Une balise ouvrante peut porter des ATTRIBUTS (nom="valeur") ; les éléments doivent s'IMBRIQUER sans jamais se chevaucher.

Ce que tu sauras faire

• Décrire la structure générale d'un document HTML : DOCTYPE, balise <html>, <head> et <body>.
• Différencier balise ouvrante, balise fermante, élément HTML et attribut.
• Reconnaître une balise auto-fermante et un lien hypertexte.
• Compter le nombre d'éléments HTML d'un extrait de code pour vérifier sa structure.

Les mots à connaître

Balise

le marqueur HTML, encadré par des chevrons < >, qui délimite un élément d'une page, par exemple <p> pour un paragraphe.

Balise ouvrante

la balise qui commence un élément HTML, par exemple <p>.

Balise fermante

la balise, précédée d'une barre oblique, qui termine un élément HTML, par exemple </p>.

Le piège classique

Confondre balise et élément : une balise seule n'est que la moitié d'un élément (ouvrante ou fermante), sauf pour une balise auto-fermante qui EST l'élément à elle seule.

L'astuce

Squelette d'une page : DOCTYPE en premier, puis <html> qui contient <head> (invisible) et <body> (visible).