Les balises
Dans cette page
HTML est un langage à balises: du code permettant de délimiter différentes parties de votre contenu et chaque élément ainsi créé va apporter un sens différent à votre contenu.
Les balises permettent de renseigner différents types de contenus : des titres, des paragraphes, des listes, des liens, des images, des navigations, des sections, des formulaires et la liste peut être longue
Utiliser des balises adaptées permet d’améliorer la sémantique de votre contenu, son indexation dans les différentes moteurs de recherche et enfin et surtout l’acces de vos contenus au plus grand nombre.
Comment ça marche ?
Pour baliser un contenu vous utiliserez (la plupart du temps) une balise ouvrante, une balise fermante et un contenu.
La balise ouvrante s’écrit <nomBalise> et la balise fermante </nomBalise>, entre ces deux balises le contenu que l’on souhaite délimiter.
<h1>Découvrir le langage HTML</h1>
<p>Le langage HTML (HyperText Markup Language) est…</p>Ci-dessus, l’extrait d’un document html avec un exemple de balises délimitant différents types de contenus :
- Un titre (avec les balises
h1); - Un paragraphe (avec les balises
p).
L’ensemble balise ouvrante + contenu + balise fermante se nomme un élément. Dans l’exemple précédent nous avons donc créé deux éléments.
Des balises particulières
Certaines balises HTML sont dites auto-fermantes, c’est par exemple le cas de certaines balises qui n’ont pas de contenu propre, c’est aussi parfois des balises qui portent une valeur par le biais d’un attribut .
Une image (un contenu externe téléchargé et affiché par le navigateur) est une balise qui est auto-fermante comme illustré juste après.
<img src="https://placekitten.com/300" alt="Un petit chat">Références
- Liste de balises disponibles en HTML5;
- Une autre liste d’éléments utilisables en HTML, chaque élément HTML est ici analysé et illustré d’exemples.