Les balises et les attributs

Comme vu dans les leçons d'introduction, HTML est un langage de balises. Tu vas les utiliser partout, donc il faut bien comprendre ce mécanisme.

Une balise classique (ouvrante + fermante)

La plupart des balises fonctionnent comme un sandwich : une ouverture, du contenu, une fermeture.

<nom_balise>Contenu</nom_balise>

• ouverture : <p> (début d'un paragraphe)
• contenu : ton texte
• fermeture : </p>

Première règle : ne pas oublier la balise de fermeture.

Balises auto-fermantes

Certaines balises n'encadrent pas de texte. Elles servent à faire une action directe (retour à la ligne, image, etc.).

Exemple avec <br> :

Bonjour<br>Comment ça va ?

Tu ne feras généralement pas </br>.

Attributs

Une balise seule, c'est bien. Mais on veut souvent lui donner des options. Ces options s'appellent des attributs.

Ils se placent dans la balise ouvrante, sous la forme nom="valeur".

<a href="https://google.com">Aller sur Google</a>

Ici :

• <a> = balise
• href = attribut
• "https://google.com" = valeur

Deuxième règle : mets toujours les valeurs d'attributs entre guillemets.

Sans guillemets, le navigateur peut mal interpréter certaines valeurs.

Habitude utile : lis toujours une balise en trois parties "balise" + "attributs" + "contenu". Ça rend le debug plus rapide quand un rendu ne correspond pas à ce que tu attends.

Maintenant que tu maîtrises balises et attributs, on peut passer au squelette standard d'une page HTML complète.