Accueil > HTML > HTML – Mise en forme sommaire du texte

HTML – Mise en forme sommaire du texte

This entry is part 4 of 23 in the series HTML - Tutoriel
  1. La balise <I> (Italique)
  2. La balise <B> (Caractères Gras)
  3. La balise <U> (Soulignement)
  4. La balise <STRIKE> (Barré)
  5. La balise <SUP> (Exposant)
  6. La balise <SUB> (Indice)
  7. La balise <BIG> (caractères plus gros)
  8. La balise <CITE> (courte citation)
  9. La balise <CODE> (code de programme)
  10. La balise <DFN> (définition)
  11. La balise <EM> (insistance)
  12. La balise <KBD> (texte à saisir)
  13. La balise <SAMP> (exemple)
  14. La balise <SMALL> (caractères plus petits)
  15. La balise <STRONG> (marquer du texte)
  16. La balise <TT> (machine à écrire)
  17. La balise <VAR> (variable)

Comme dans un traitement de texte classique, on peut mettre le texte en italique, en
caractères gras, souligné, barré, en exposant ou
en indice grâce à la balise de type conteneur appropriée.


La balise <I> (Italique)


Pour écrire en italique, on utilise la balise de type conteneur <I>, comme italic.
Le texte doit être placé entre <I> et </I>.

<HTML>
<HEAD>
<TITLE>Ecrire en italique</TITLE>
</HEAD>

<BODY>
<I>Ceci est un texte écrit en italique</I>
</BODY>
</HTML>


La balise <B> (Caractères Gras)


Pour écrire en cractères gras, on utilise la balise de type conteneur <B>, comme bold.
Le texte doit être placé entre <B> et </B>.

<HTML>
<HEAD>
<TITLE>Ecrire en cractères gras</TITLE>
</HEAD>

<BODY>
<B>Ceci est un texte écrit en cractères gras</B>
</BODY>
</HTML>


La balise <U> (Soulignement)


Pour souligner, on utilise la balise de type conteneur <U>, comme underline.
Le texte doit être placé entre <U> et </U>.

<HTML>
<HEAD>
<TITLE>Souligner</TITLE>
</HEAD>

<BODY>
<U>Ceci est un texte souligné</U>
</BODY>
</HTML>


La balise <STRIKE> (Barré)


Pour barrer du texte, on utilise la balise de type conteneur <STRIKE>, comme strike :) .
Le texte doit être placé entre <STRIKE> et </STRIKE>.

<HTML>
<HEAD>
<TITLE>Barrer du texte</TITLE>
</HEAD>

<BODY>
<STRIKE>Ceci est un texte barré</STRIKE>
</BODY>
</HTML>


La balise <SUP> (Exposant)


Pour écrire du texte en exposant, on utilise la balise de type conteneur <SUP>.
Le texte doit être placé entre <SUP> et </SUP>.

<HTML>
<HEAD>
<TITLE>Ecrire du texte en exposant</TITLE>
</HEAD>

<BODY>
<SUP>Ceci est un texte écrit en exposant</SUP>
</BODY>
</HTML>


La balise <SUB> (Indice)


Pour écrire du texte en indice, on utilise la balise de type conteneur <SUB>.
Le texte doit être placé entre <SUB> et </SUB>.

<HTML>
<HEAD>
<TITLE>Ecrire du texte en indice</TITLE>
</HEAD>

<BODY>
<SUB>Ceci est un texte écrit en indice</SUB>
</BODY>
</HTML>


La balise <BIG> (caractères plus gros)


La balise de type conteneur <BIG> permet d’écrire du texte plus gros que le reste du
texte.

<HTML>
<HEAD>
<TITLE>Ecrire du texte plus gros</TITLE>
</HEAD>

<BODY>
<BIG>Gros</BIG> est plus <BIG>gros</BIG> que le reste du texte
</BODY>
</HTML>


Résultat :

Gros est plus gros que le reste du texte


La balise <CITE> (courte citation)


<CITE> (du type conteneur) permet d’écrire une courte citation.

<HTML>
<HEAD>
<TITLE>Ecrire une courte citation</TITLE>
</HEAD>

<BODY>
<CITE>Jusqu’où irez-vous ?</CITE>
</BODY>
</HTML>


Résultat :

Jusqu’où irez-vous ?


La balise <CODE> (code de programme)


Cette balise (du type conteneur), est utilisée pour afficher du texte provenant d’un programme
(parfois utilisé dans ces pages).

<HTML>
<HEAD>
<TITLE>Du code</TITLE>
</HEAD>

<BODY>
<CODE>PRINT « Hello Warrior ! »</CODE>
</BODY>
</HTML>


Résultat :

PRINT « Hello Warrior »


La balise <DFN> (définition)


Pour écrire une définition, on utilise la balise du type conteneur <DFN>.

<HTML>
<HEAD>
<TITLE>Une Définition</TITLE>
</HEAD>

<BODY>
<DFN>GUERRIER : Personne qui fait la guerre; combattant, soldat</DFN>
</BODY>
</HTML>


Résultat :

GUERRIER : Personne qui fait la guerre; combattant, soldat


La balise <EM> (insistance)


<EM> (du type conteneur) permet d’insister sur du texte.

<HTML>
<HEAD>
<TITLE>Insister sur du texte</TITLE>
</HEAD>

<BODY>
<EM>Insistance</EM>
</BODY>
</HTML>


Résultat :

Insistance


La balise <KBD> (texte à saisir)


<KBD> (type conteneur) est utilisé pour afficher du texte à saisir par le lecteur.

<HTML>
<HEAD>
<TITLE>Du texte à saisir</TITLE>
</HEAD>

<BODY>
Saisissez le texte suivant : <KBD>Du texte à saisir</KBD>
</BODY>
</HTML>


Résultat :

Saisissez le texte suivant : Du texte à saisir


La balise <SAMP> (exemple)


Pour afficher des programmes ou des sorties de programme, on peut utiliser la balise de type
conteneur <SAMP>.

<HTML>
<HEAD>
<TITLE>Un exemple</TITLE>
</HEAD>

<BODY>
<SAMP>PRINT « Hello Warrior »</SAMP>
</BODY>
</HTML>


Résultat :

PRINT « Hello Warrior »


La balise <SMALL> (caractères plus petits)


La balise de type conteneur <SMALL> permet d’écrire du texte plus petit que le reste du
texte.

<HTML>
<HEAD>
<TITLE>Ecrire du texte plus petit</TITLE>
</HEAD>

<BODY>
<SMALL>Petit</SMALL> est plus <SMALL>petit</SMALL> que le reste du texte
</BODY>
</HTML>


Résultat :

Petit est plus petit que le reste du texte


La balise <STRONG> (marquer du texte)


<STRONG> (du type conteneur) permet de marquer du texte.

<HTML>
<HEAD>
<TITLE>Marquer du texte</TITLE>
</HEAD>

<BODY>
<STRONG>Marquer</STRONG>
</BODY>
</HTML>


Résultat :

Marquer


La balise <TT> (machine à écrire)


La balise du type conteneur <TT> est utilisée pour du texte comme une machine à écrire.

<HTML>
<HEAD>
<TITLE>La machine à écrire selon la balise TT</TITLE>
</HEAD>

<BODY>
<TT>Voici du texte écrit à la machine à écrire</TT>
</BODY>
</HTML>


Résultat :

Voici du texte écrit à la machine à écrire


La balise <VAR> (variable)


La balise <VAR> du type conteneur est utilisée pour afficher une variable à utiliser
dans un programme ou un script.

<HTML>
<HEAD>
<TITLE>Une variable avec la balise VAR</TITLE>
</HEAD>

<BODY>
<VAR>Var1</VAR>
</BODY>
</HTML>


Résultat :

Var1

Series Navigation«HTML – Le texteHTML – Les titres et sous-titres»
Categories: HTML Tags:
  1. déon
    07/07/2010 à 13:04 | #1

    super bien expliqué! merciiiii !

  1. Pas encore de trackbacks