Exemple avec une balise orpheline :
<img src="mon_image.jpg" />
src indique le chemin de l’image que l’on souhaite afficher.
Élément composé d’une paire de balises
Élément composé d’une balise orpheline
Les balises sémantiques
Les balises de structure de page
Nous avons vu précédemment que lorsque l’on conçoit un site web, on regroupe les
éléments par zone (entête, navigation, pied de page…). Lorsque l’on code en HTML, on
pourrait regrouper les éléments dans des blocs (que l’on appelle “div”) qui contiendraient
d’autres blocs, etc. Mais cela rendrait le code vite illisible. Pour faciliter la lecture et
organiser proprement le code, le langage HTML met à notre disposition un ensemble de
balises sémantiques correspondant à certaines zones.
Ainsi, lorsque l’on voudra écrire le code de l’entête, on le placera à l’intérieur de balises
“Header”, le pied de page dans des balises “Footer”...
Le fait de ranger chaque élément dans une balise permettra d’ajouter du style (couleur,
police de caractère…) de façon ciblée.
Imaginez que je souhaite mettre une partie de la page dans une couleur, comme pourrais-je
le spécifier si chaque zone porte le même nom ?