Titres
Les balises <h1> à <h6>, de type bloc, permettent d’afficher 6 niveaux de titres, <h1> étant le plus important. Les titres sont importants pour hiérarchiser un document. Les robots s’en servent d’ailleurs pour construire des tables de matières des documents.
On conseille de n’avoir qu’un titre de niveau 1 par page et d’éviter de sauter des niveaux (passer du niveau 2 au niveau 4 par exemple).
Paragraphes
Le texte, lorsqu’il ne s’agit pas d’un titre, est généralement à placer dans un paragraphe. La balise <p>, de type bloc, représente un paragraphe.
Pour effectuer un retour à la ligne, on utilise la balise <br>. Attention toutefois à ne pas cumuler les <br> pour sauter des lignes ou gérer des espacements. Pour cela, il faut créer un nouveau paragraphes ou bien gérer des marges en CSS.
Citations
La balise «blockquote> permet de mettre en avant (généralement avec une indentation) un contenu qui est une citation. Elle peut contenir une balise <cite> qui contient la source de la citation. Il s’agit d’une balise de type bloc‘.
Si l’on souhaite mettre en avant une citation au milieu d’un paragraphe, on peut utiliser la balise <q> qui est de type inline.
Abréviation
La balise <abbr> accompagnée de l’attribut <title> permet d’afficher une abréviation tout en pouvant consulter sa définition en la survolant.
<p>Le langage <abbr title="HyperText Markup Language">HTML</abbr> permet de créer des pages web.</p>
Ligne horizontale
La balise <hr> permet d’afficher une ligne vertical occupant toute la largeur disponible. Elle est utile pour marquer un changement thématique par exemple entre deux sections d’une page.
Texte préformaté
La balise <pre> permet d’afficher du texte préformaté. Les espaces présents dans le document HTML sont présents à l’écran tels qu’ils le sont dans le document source.
Texte souligné, en italique, en gras, barré, surligné
La balise <u>, <i>, <b> étaient historiquement utilisées pour afficher respectivement du contenu souligné, italique, gras. Elles ne doivent plus être utilisées pour ce besoins. Depuis HTML 5 il est recommandé d’utiliser le CSS.
Pour avoir un impact sémantique, on pourra utiliser la balise <strong> pour indiquer qu’une partie du texte à une importance plus importante que le texte qui l’entour.
La balise <s> peut toujours être utilisée en HTML 5 pour barrer du texte. Mais le CSS peut aussi faire l’affaire.
La balise <mark> permet d’afficher du texte surligné d’une couleur qui peut être gérée en CSS.
Indice et exposant
La balise <sub> permet d’afficher du texte en indice. Ce texte sera plus bas que le reste du texte et sera écrit en plus petit.
La balise <sup> permet d’afficher du texte en exposant. Ce texte sera plus haut que le reste du texte et sera écrit en plus petit.
La balise <small>
La balise <small> permet d’afficher du texte en plus petit que le reste du paragraphe.
<h1>Contrat n° CTR40984 - <small>Souscrit le 01/01/2010</small></h1>
Contenu source / informatique
La balise <samp>
La balise <samp> permet de présenter du code source tel que le ferait la sortie d’un programme, avec une police particulière. Elle ne doit pas être confondue avec la balise <code> qui elle sert à afficher des éléments de langage informatiques.
La balise <code>
La balise <code> permet de présenter du code source avec une police particulière au sein d’un paragraphe. C’est utile pour mettre avant le nom d’une méthode par exemple.
<p>La fonction PHP <code>__construct()</code> est appelée à l'instanciation d'un objet.</p>
La balise <var>
La balise <var> permet de présenter une variable avec une police particulière. Elle permet de différencier les autres éléments de langages informatiques (nom de fonctions par exemple) qui sont présentés par la balise <code>.
La balise <kbd>
La balise <kbd> permet de présenter un touche du clavier par exemple, en utilisant une police et un fonds particulier.
<p>Pour copier du texte, le raccourci clavier est <kbd>CTRL</kbd> + <kbd>C</kbd></p>