Maintenant que vous savez tout sur les règles du html, nous allons apprendre le vocabulaire nécessaire pour coder.
Rappel sur l'importance de la sémentique
Comme je vous l'ai dit plus tôt, la sémantique est très importante en HTML. C'est à dire qu'il faut nommer les éléments par leur nom, et utiliser les bonnes balises. C'est pourquoi les prochains cours sont axés sur les différentes balises qui existent et ce qu'elles veulent dire.
Les balises paragraphes
Nous allons commencer par les balises les plus utlisées, celles qui définissent un paragraphe : <p>.
<p>
Un super paragraphe avec <strong>du texte en gras</strong>.
</p>
Si vous avez plusieurs paragraphes, vous pouvez les faire suivre :
<p>
Un super paragraphe de texte pas très long.
</p>
<p>
Un super paragraphe de texte un peu plus long, mais pas de beaucoup.
</p>
Les sauts de ligne
L'espace entre deux paragraphes est important. Si vous souhaitez n'avoir qu'un simple retour à la ligne, il faut utiliser la balise <br> :
<p>
Un super paragraphe de texte pas très long.<br>
Un super paragraphe de texte un peu plus long, mais pas de beaucoup.
</p>
Les balises titres
Le titre de votre page est la balise <h1> :
<h1>
Le titre de ma page
</h1>
Il existe 6 niveaux de titre, allant de <h1> (titre de la page) à <h6> :
<!-- Titre de niveau 1 -->
<h1>
Le titre de ma page
</h1>
<!-- Titre de niveau 2 -->
<h2>
Sous-titre
</h2>
<!-- Titre de niveau 3 -->
<h3>
Sous-sous-titre
</h3>
<!-- Titre de niveau 4 -->
<h4>
Sous-sous-sous-titre
</h4>
<!-- Titre de niveau 5 -->
<h5>
Sous-sous-sous-sous-titre
</h5>
<!-- Titre de niveau 6 -->
<h6>
Sous-sous-sous-sous-sous-titre
</h6>