Django - 2.2 Les bases du HTML : balises, éléments et liens

Le HTML sert à structurer une page web et son contenu. Ce n'est pas un langage de programmation, mais un langage de balises. Cette leçon présente les éléments de base que vous utiliserez dans presque toutes vos pages.

Comprendre les balises et les éléments

Un élément HTML se compose d'une balise ouvrante, d'un contenu et d'une balise fermante. Par exemple, la balise p entoure un paragraphe. Une balise peut aussi porter un attribut, comme une classe.

Une partie du texte peut être mise en gras avec la balise strong. La balise img, qui affiche une image, n'a pas de balise fermante.

<p>Mon chat est très grincheux.</p>

Structure d'une page HTML

Une page est composée de la tête, balisée par head, et du corps, balisé par body. La tête contient le titre de la page, défini par la balise title. Le corps contient les éléments visibles, comme les paragraphes et les images.

<!DOCTYPE html>
<html>
  <head>
    <title>Titre de la page</title>
  </head>
  <body>
    <p>Contenu visible.</p>
  </body>
</html>

Titres, listes et liens

Les titres vont de h1 à h6. Les listes non ordonnées utilisent la balise ul, et les listes ordonnées utilisent ol. Pour créer un lien, on utilise la balise a. Le lien peut mener vers une autre page ou vers un autre élément de la même page.

En résumé

Le HTML structure le contenu d'une page à l'aide d'éléments. Chaque élément a une balise ouvrante et une balise fermante, sauf certaines balises comme img. La page se divise en tête et en corps.

Points clés

• Le HTML est un langage de balises, pas un langage de programmation.
• Un élément se compose d'une balise ouvrante, d'un contenu et d'une balise fermante.
• La tête contient le titre, le corps contient le contenu visible.
• Les balises h1 à h6 définissent les titres.
• La balise a crée un lien vers une autre page ou un autre élément.

Questions fréquentes

Le HTML est-il un langage de programmation ?

Non. Le HTML est un langage de balises qui définit la structure du contenu. Il ne fait pas de calculs.

À quoi sert la balise img ?

Elle affiche une image. Elle n'a pas de balise fermante et se termine par un trait oblique.

Où écrire le titre de la page ?

Dans la tête, avec la balise title. Il est défini dans la tête, et non dans le corps de la page.