The Structure of HTML

Avant de commencer à utiliser HTML, il est important que vous compreniez la structure du langage HTML. Le HTML étant un langage de balisage, vous l'utilisez pour baliser différentes parties de votre contenu, un peu comme lorsque vous utilisez un surligneur.

HTML Elements

HTML est constitué d'éléments et ce sont ces éléments que vous utilisez pour faire votre balisage. Vous trouverez ci-dessous un exemple de la manière dont vous pouvez baliser un paragraphe de texte normal.

<p>This paragraph is part of my content</p>

Nous avons ici une phrase ("Ce paragraphe fait partie de mon contenu") qui a été placée entre les balises <p> et </p>. Chaque balise se compose d'un signe < (ouverture de la balise), d'une abréviation et d'un > (Fermeture de la balise). Dans ce cas, p est une abréviation de paragraphe. Combinés, les balises <p> et </p> créent un élément qui embarque des data. Chaque élément HTML commence toujours par une balise d'ouverture (ici, c'est <p>) et la plupart des éléments ont une balise de fermeture (ici c'est </p>). À l'intérieur de la balise d'ouverture et de fermeture de votre élément se trouve le contenu réel.

Empty Elements

La plupart des éléments HTML ressemblent à ceci <p></p>. Mais certains sont ce que nous appelons des éléments vides. L'élément de saut de ligne en est un exemple et ressemble à ceci :

<br />

Comme vous pouvez le voir, il n'y a pas de balise de fermeture et l'élément ne contient aucun contenu, il est donc appelé un élément vide. Comme il s'agit d'un élément vide, il est fermé à la fin de la balise - c'est le /. Vous n'êtes pas obligé d'utiliser le "/" à la fin d'un élément vide, mais c'est considéré comme une bonne pratique, alors autant vous y habituer. (Comme je l'ai déjà dit, la balise consiste en une abréviation et dans ce cas, br est un condensé de break).

Tip!

Lorsque les navigateurs lisent votre document HTML5, ils ne se soucient pas de savoir si vous écrivez ou non vos balises en majuscules ou en minuscules. Mais d'autres développeurs le font ! HTML5 n'est pas sensible à la "casse". Vous pouvez donc écrire la même balise de saut de ligne de différentes manières, telles que celles-ci :

<BR />
<bR />
<Br />
<br />

La communauté considère comme une bonne pratique le fait d'écrire tous les éléments en minuscule. Cela augmente la lisibilité du code, et écrire vos balises de cette façon est simplement considéré comme un réel savoir-faire.

A retenir dans ce chapitre :

• Un élément HTML commence par une balise d'ouverture
• Un élément HTML s'achève par une balise de fermeture;
• Une balise HTML commence par un signe < et se termine par un signe >
• Le texte compris entre les signes < et > est une abréviation de l'action définie par le couple de balise;
• Le contenu de l'élément est le texte compris entre les balises d'ouverture et de fermeture de l'éléments;
• Exception à la règle : certains éléments sont dits 'vides'
• Les éléments dits "vides se caractérisent par une abréviation comprise entre un signe < et un signe double />
• Prenez l'habitude d'écrire toutes vos balises en minuscules