Des balises de mise en page HTML

Hello hello

Ici, nous allons voir quelques balises de mise en page qui viendront compléter ce tutoriel sur les balises de base.

On va donc y aller ! Commençons par découvrir des balises simples de mise en page




Pour mettre en gras, on utilisera "strong" ou "b" :

Exemple :

Code:

<strong>Texte en gras</strong>

Visuellement, aucune différence entre les 2. Cependant, c'est au niveau du sens accordé au mot que c'est différent :
> avec strong : j'accentue l'importance du mot. Il est important.
> avec b : je le mets simplement en gras, sans donner du sens au mot/groupe de mot, sans dire au navigateur que cette partie est plus importante.


Pour mettre en italique, on utilisera les balises "em" ou "i"

Exemple :

Code:

<em>Texte en italiqe</em>

Visuellement, aucune différence entre les 2. Cependant, c'est au niveau du sens accordé au mot que c'est différent :
> avec em : j'accentue l'importance du mot. Il est important.
> avec i : je le mets simplement en italic, sans donner du sens au mot/groupe de mot, sans dire au navigateur que cette partie est plus importante.


Pour souligner, ce sera "u"

Exemple :

Code:

<u>Texte Souligné</u>

• Pour mettre en couleur, on utilisera "font color" (couleur de police)

Exemple :

Code:

<font color="#e26e26">Texte en #e26e26</font>

• Pour changer la taille : "font size" (taille de police)

Exemple :

Code:

<font size="5">Texte écrit en 24px</font>

Ici, le nombre doit être compris entre 1 et 7. Par défaut,le navigateur le met à 3 ce qui représente une taille de 16px. Pour infos :

Spoiler:

On peut combiner ses 2 derniers points de cette façon :

Code:

<font color="#e26e26" size="5">Texte écrit en 24px et en #e26e26</font>

• Pour mettre un texte en exposant : sup

Exemple :

Code:

N<sup>exposant</sup>

• Pour mettre un texte en indice : sub

Exemple :

Code:

N<sub>indice</sub>

• Pour barrer un texte, on utilisera les balises s ou del

Exemple :

Code:

<s>Texte barré avec s</s>

<del>Texte barré avec del</del>

Visuellement, aucune différence. Cependant, comme pour le em/i et strong/b, la différence est sémantique.
> avec le "s", je fais juste le rendu d'un texte barré. ça ne signifie pas grand chose.
> avec le "del", je signale au navigateur que je supprime ce morceau de texte. Il n'existe plus... (ok on le voit, mais il n'est plus utile).

Par exemple, supposons que l'on ait un calendrier avec des dates & des missions. Quand la date & la mission ont été faites, on barre cette info du calendrier. Ici, c'est fait, ça peut être supprimé => on utilisera "del".


• Pour surligner/mettre en évidence un texte : mark

Exemple :

Code:

Je vais surligner <mark>ce mot</mark>.

---

Tu connais à présent les balises de mise en page qui te seront le plus utile en html

Si tu as des questions, n'hésite surtout pas à nous les poser