Quelques exemples

Voici des exemples pratiques qui vous aideront à vous familiariser avec le langage HTML et ce, en utilisant quelques commandes de base. Nous allons écrire la syntaxe de la commande et, en-dessous, le résultat pour mieux vous aider à comprendre.


1. Propriétés du texte

a. Texte

<H1>Texte avec H1</H1>
<H2>Texte avec H2</H2>
<H3>Texte avec H3</H3>
<H4>Texte avec H4</H4>
<H5>Texte avec H5</H5>
<H6>Texte avec H6</H6>

Résultat:

Texte avec H1

Texte avec H2

Texte avec H3

Texte avec H4

Texte avec H5
Texte avec H6

b. Texte centré

<CENTER><H3>Texte centré</H3></CENTER>
<CENTER>Texte centré</CENTER>

Résultat:

Texte centré

Texte centré


c. Texte en italique

<EM><H3>Texte en italique</H3></EM>
<EM>Texte en italique</EM>

Résultat:

Texte en italique

Texte en italique


d. Texte en gras

<B>Texte en gras</B>

Résultat:

Texte en gras


e. Texte clignotant

<BLINK><H4>Texte clignotant</H4></BLINK>

Résultat:

Texte clignotant

Cette commande ne fonctionne pas avec Internet Explorer.

f. Texte en couleur

<FONT COLOR="#8C1717"><H4>Texte en couleur</H4></FONT >
<H4>Texte <FONT COLOR="#32CD32">en</FONT ><FONT COLOR="#CFB53B">couleur</FONT > </H4>

Résultat:

Texte en couleur

Texte en couleur

Vous trouverez une palette de codes des couleurs à l'adresse suivante: http://www.infi.net/wwwimages/colorindex.html. dont voici quelques-uns dans cette page. Vous pouvez les voir aussi sur un arrière-fond blanc ou noir.

La couleur de l'arrière-fond autre que le gris:
La commande est:<BODY BGCOLOR="#XXXXXX">

Mettre une image comme arrière-fond:
La commande est: <BODY BACKGROUND="image.jpg/gif">

La couleur des liens:
La commande est: <BODY LINK="#XXXXXX">

La couleur des liens visités:
La commande est: <BODY VLINK="#XXXXXX">

La couleur des liens actifs:
La commande est: <BODY ALINK="#XXXXXX">

g. Texte souligné

<U>Texte souligné</U>

Résultat:

Texte souligné


h. Texte rayé

<S>Texte rayé</S>

Résultat:

Texte rayé

La commande <STRIKE> </STRIKE> donnera le même résultat.


i. Combinaison des commandes

<H2><CENTER><EM>Du texte comme vous le voulez</EM></CENTER></H2>

Résultat:

Du texte comme vous le voulez


j. Taille des caractères

<FONT SIZE="+2">La taille que vous voulez</FONT SIZE="+2">
<FONT SIZE="+3">La taille que vous voulez</FONT SIZE="+3">
<FONT SIZE="+4">La taille que vous voulez</FONT SIZE="+4">
<FONT SIZE="-1">La taille que vous voulez</FONT SIZE="-1">
<FONT SIZE="-2">La taille que vous voulez</FONT SIZE="-2">

Résultat:

La taille que vous voulez
La taille que vous voulez
La taille que vous voulez
La taille que vous voulez
La taille que vous voulez


k. Indice

La pression atmosphérique = P<SUB>atm</SUB>

Résultat:

La pression atmosphérique = Patm


l. Exposant

François I<SUP>er</SUP>

Résultat:

François Ier