Comme déjà évoqué ci-dessus, en HTML tout est une histoire de
balise que l'on
ouvre et que l'on ferme :
-Une balise ouvrante est de la forme <nom_de_la_balise>,
-Les balises fermantes sont de la forme </nom_de_la_balise>.
En observant attentivement le code, vous devriez remarquer que toute balise ouverte doit être refermée à un moment ou un autre. La balise ouvrante et la balise fermante peuvent être sur la même ligne ou pas, cela n'a pas d'importance, la seule question à se poser ici est : ai-je bien refermé toutes les balises que j'ai ouvertes ?
Enfin, il est important de savoir qu'une structure du type :
<balise1><balise2></balise1></balise2> est interdite, car la balise2 a été ouverte après la balise1, elle devra donc être refermée avant la balise1.
Mais l'enchaînement suivant est correct :
<balise1><balise2></balise2></balise1>
(Notez que dans notre exemple, nous respectons bien cette règle « d'imbrication » des balises avec la balise <p> et la balise <strong>).
Il est important de comprendre que chaque balise a une signification qu'il faut bien respecter (on parle de la sémantique des balises) :
-Par exemple, le texte situé entre la balise ouvrante et fermante <h1> est obligatoirement un titre important (il existe des balises <h2>, <h3>, etc... qui sont aussi des titres, mais des titres moins importants (sous-titre)).
-La balise <p> permet de définir des paragraphes,
-La balise <strong> permet de mettre en évidence un élément important.
-Il existe des balises qui sont à la fois ouvrantes et fermantes (<balise/>) exemple, la balise permettant de sauter une ligne, la balise <br/> (balise qu'il faut d'ailleurs éviter d'utiliser pour différentes raisons ).
Il est possible d'ajouter des éléments à une balise ouvrante, on parle alors d'attribut. Une balise peut contenir plusieurs attributs :
<ma_balise attribut_1= "valeur_1" attribut_2="valeur_2">
Il existe beaucoup d'attributs différents, nous allons nous contenter de 2 exemples avec l'attribut id (id pour identifiant) et class.
Nous verrons l’intérêt de ces attributs dans l'activité suivante.