Kodokon kodokon.com

Qu'est-ce que le HTML ? Balises et attributs

Découvrez ce qu'est le HTML et apprenez à reconnaître une balise et un attribut.

6 min · 3 questions

Ouvrir cette leçon dans Kodokon

Quand vous consultez un site sur votre téléphone ou votre ordinateur, vous utilisez un navigateur : c'est le programme qui affiche les pages web (Chrome, Firefox, Safari...). Pour savoir quoi afficher, le navigateur lit un document écrit en HTML. HTML signifie HyperText Markup Language, en français « langage de balisage hypertexte ». Ce n'est pas un langage de programmation : il ne calcule rien. C'est un langage de description qui indique au navigateur la nature de chaque contenu : « ceci est un titre », « ceci est un paragraphe », « ceci est une image ».

Pour décrire le contenu, le HTML utilise des balises. Une balise est un mot-clé placé entre chevrons < et >. La plupart des balises fonctionnent par paire : une balise ouvrante comme <p>, puis le contenu, puis une balise fermante identique mais précédée d'une barre oblique : </p>. L'ensemble « balise ouvrante + contenu + balise fermante » s'appelle un élément. Le nom p vient de l'anglais paragraph, c'est-à-dire paragraphe.

HTML
<p>Bonjour !</p>
<p>Ceci est mon premier paragraphe.</p>
<p>Le texte se place entre les deux balises.</p>
Trois éléments p : chaque balise ouverte est refermée.

Une balise peut recevoir des informations supplémentaires appelées attributs. Un attribut se place toujours dans la balise ouvrante, jamais dans la fermante. Il s'écrit sous la forme nom="valeur" : le nom de l'attribut, un signe égal, puis la valeur entre guillemets doubles. Par exemple, l'attribut lang précise la langue du contenu, et l'attribut id donne un identifiant unique à un élément.

HTML
<p lang="fr">Un paragraphe écrit en français.</p>
<p lang="en">A paragraph written in English.</p>
<p id="conclusion">Un paragraphe avec un identifiant.</p>
Les attributs lang et id, placés dans la balise ouvrante.

Quiz de validation

Vérifiez que vous avez bien retenu les points clés de cette leçon.

  1. Que signifie le sigle HTML ?
    • HyperText Markup Language
    • High Tech Modern Language
    • Home Tool Markup Language
    • HyperText Machine Link
  2. Comment s'écrit la balise fermante d'un paragraphe ?
    • <p>
    • </p>
    • <fin-p>
  3. Où place-t-on un attribut comme lang="fr" ?
    • Dans la balise ouvrante
    • Dans la balise fermante
    • Après l'élément, sur une nouvelle ligne