Mise en forme de texte en HTML

HTML propose diverses balises pour mettre le texte en forme. En voici les principales.

Les balises

Pour toutes ces balises, l'usage est le même : <BALISE>mots à formater</BALISE>.

<ABBR>

Permet de repérer les abréviations. Exemple : WWW ou HTTP

Certains navigateurs (voire tous) ne repèrent rien. Toutefois, cette balise est utile avec les feuilles de styles : il est possible de redéfinir son format comme c'est le cas ici (les mots doivent être en gras et jaune...). Cette balise est fort peu usitée.

<ACRONYM>

Permet de repérer les acronymes, à savoir les mots qui sont en fait composés d'initiales (comme les abréviations, mais ça se prononce). Exemple : LASER, Light Amplification by Stimulated Emission of Radiation.

Comme pour <ABBR>, les acronymes de cette page doivent apparaître en jaune, mais il se peut très bien que ça ne marche pas du tout (cela dépend de votre navigateur)...

<Address>

Met en relief les coordonnées de l'auteur. Le navigateur saute généralement une ligne. Exemple :

<B>

Permet de mettre du texte en gras. Exemple : Texte en gras.

<BIG> et <SMALL>

<BIG> permet d'afficher du texte en plus gros que la taille normale. A l'inverse, <SMALL> permet d'afficher le texte en plus petit. Exemple : taille avec SMALL, taille normale et taille avec BIG.

<BLOCKQUOTE> et <Q>

Ces balises doivent a priori être utilisées pour les citations. <BLOCKQUOTE> sert pour les longues citations où il faut mettre le texte à la ligne (avec des marges), et <Q> sert pour les citations courtes en ligne. A priori, <Q> rajoute des guillemets. Exemples :

avec <BLOCKQUOTE> :

Y a pas d'grand, y a pas d'petits, la bonne longueur pour les jambes, c'est quand les pieds touchent bien parterre. (Coluche)

avec <Q> : Jo Privat et son accordéon a dit : Vive la musette ! Et vous ?

<CITE>

Cette balise doit également être utilisée pour mettre en relief le nom d'un auteur, une référence. Exemple : Les Misérables, Victor Hugo

<CODE>

Cette balise doit a priori être utilisée lorsque l'on met du code (ligne de programmes) dans une page HTML. Le résultat est le suivant :

shared-network FOO-BAR {
	filename "boot";

	subnet 192.168.2.0 netmask 255.255.255.224 {
		range 192.168.2.10 192.168.2.30;
	}

	subnet 192.168.2.32 netmask 255.255.255.224 {
		range 192.168.2.40 192.168.2.50;
	}
}

Cette balise peut astucieusement être utilisée avec <PRE> simplement pour pouvoir faire du copier-coller dans le code HTML et en même temps conserver sa mise en page.

<DEL> et <INS>

Ces balises permettent de mettre en relief des nouveautés, non pas des modifications du code HTML, mais par exemple une mise à jour de prix : les clous qui passent de 5 à 10 Francs le kilo :

Les clous sont à 5 10 F/Kg.

<DFN>

Cette balise est utilisée par exemple quand on met du code dans un page pour mettre en avant les définitions ou déclarations d'instances...

int max(int, int);

void main() {
    int i;

    printf("bonjour\n");
...
}

<EM>

Simplement utilisée pour mettre en relief un bout de texte quelconque : bla bla bla bla ceci est important bla bla bla bla bla bla bla.

<I>

Met du texte en italique.

<KBD>

Indique le texte que l'utilisateur doit rentrer. Exemple : à l'invite, tapez "dir" pour obtenir la liste des fichiers présents dans le répertoire.

<S> et <STRIKE>

Barrent toutes les deux du texte.

ATTENTION ! Ces deux balises sont déconseillées. Il vaut mieux utiliser <SPAN STYLE="text-decoration: line-through;">texte </SPAN> à la place (merci les feuilles de style).

<SAMP>

Est utilisée lorsque l'on met un extrait de code dans la page : printf("c'est sympa le C");...

<STRONG>

Comme <EM>, met le texte en relief, mais de façon plus prononcée. Exemple : avec <EM>, avec <STRONG>.

<SUB> et <SUP>

Permet respectivement de passer du texte en _indice et en ^exposant.

<TT>

Affiche le texte comme tapé à la machine à écrire.

<U>

Cette balise permet de souligner du texte.

ATTENTION ! Cette balise est déconseillée. Il vaut mieux utiliser <SPAN STYLE="text-decoration: underline;">texte</SPAN> à la place (merci les feuilles de style).

<VAR>

Doit être utilisée lorsque l'on site une variable ou un paramètre d'une fonction. Exemple : Dans cette fonction, foo désigne un machin.

Attributs supplémentaires

Toutes ces balises fonctionnent normalement sans attributs particuliers. HTML 4 a toutefois défini les suivants :

• id,
• class,
• lang,
• title,
• style.

Ainsi que les événements suivants :

• onclick,
• ondbclick,
• onmouseover,
• onmouseup,
• onmousedown,
• onmousemove,
• onmouseout,
• onkeypress,
• onkeydown,
• onkeyup.

 format imprimable