Cours de (X)HTML / CSS

Les éléments en ligne structurant du texte

Saut de ligne

Mise en forme structurante

Sigle, définition, citation

Autres éléments


Saut de ligne

<br /> (XHTML) ; <br> (HTML)

Saut de ligne.

Exemple :

La guerre du Péloponnèse dura de 431 à 404.<br /> Elle opposa Athènes et Sparte.
		

Rendu à l'affichage :

La guerre du Péloponnèse dura de 431 à 404.
Elle opposa Athènes et Sparte.

Mise en forme structurante

<i>

Mise en italique.
Elément déconseillé mais valide et très utilisé

Attributs Strict/Transitional : lang

Exemple :

Thucydide est l'auteur de l'<i>Histoire de la guerre du Péloponnèse</i>.
		

Rendu à l'affichage :

Thucydide est l'auteur de l'Histoire de la guerre du Péloponnèse

<em>

Mise en valeur faible (soit mise en italique pour la plupart des navigateurs).

Attributs Strict/Transitional : lang

Exemple :

Thucydide est l'auteur de l'<em>Histoire de la guerre du Péloponnèse</em>.
		

Rendu à l'affichage :

Thucydide est l'auteur de l'Histoire de la guerre du Péloponnèse

<b>

Mise en gras.
Elément déconseillé mais valide et très utilisé

Attributs Strict/Transitional : lang

Exemple :

Ce texte est <b>important</b>.
		

Rendu à l'affichage :

Ce texte est important

<strong>

Mise en valeur forte (soit mise en gras pour la plupart des navigateurs).

Attributs Strict/Transitional : lang

Exemple :

Ce texte est <strong>important</strong>.
		

Rendu à l'affichage :

Ce texte est important

<sub>

Mise en indice.

Attributs Strict/Transitional : lang

Exemple :

La notation chimique du dioxygène est 0<sub>2</sub>.
		

Rendu à l'affichage :

La notation chimique du dioxygène est 02.

<sup>

Mise en exposant.

Attributs Strict/Transitional : lang

Exemple :

Il s'est passé beaucoup de choses au XIX<sup>e</sup> siècle.
		

Rendu à l'affichage :

Il s'est passé beaucoup de choses au XIXe siècle.

Sigle, citation

<abbr>

Abréviation (attention à l'othographe ; deux « b »)

Attributs Strict/Transitional : title, lang

Exemple :

<abbr title="Document Type Definition" lang="en" xml:lang="en">D.T.D.</abbr>
		

Rendu à l'affichage :

D.T.D.

<acronym>

Acronyme, se prononce comme un mot.

Attributs Strict/Transitional : title, lang

Exemple :

<acronym title="Organisation des Nations unies">ONU</acronym>
		

Rendu à l'affichage :

ONU

<q>, <cite>

<q> marque une courte citation en ligne. Mise en italique pour la plupart des navigateurs

<cite> marque une citation en ligne, la source ou l'auteur d'une citation. En pratique cette balise est seulement utilisée pour marquer la source ou l'auteur de la citation. Mise en italique pour la plupart des navigateurs

Attributs Strict/Transitional : lang, cite (la valeur est une URL)

Exemple :

Dieu dit alors : <q>Que la lumière soit !</q> Et la lumière fut. (<cite>La génèse. 1.3</cite>)
		

Rendu à l'affichage :

Dieu dit alors : Que la lumière soit ! Et la lumière fut. (La génèse. 1.3)

Autres éléments

<tt>, <dfn>, <bdo>, <del>, <ins>, <kbd>, <code>, <samp>, <var>, <big>, <small>