Mise en forme d'un document HTML

1 - Les principales balises HTML  de mise en forme d'un texte

 

HTML est doté de nombreuses balises pour agir sur la mise en forme d'un texte, nous n'allons citer ici que les balises les plus utilisées :

 

Balise Effet Résultat
<b>Texte</b> Ecrire en gras Texte
<i>Texte</i> Texte en italique Texte
<u>Texte</u> Texte souligné Texte
<s>Texte</s> Texte barré Texte
<font ...>Texte</font> Agit sur le texte : couleur, taille...
<font color=red>Texte</font> Texte en rouge Texte
<h1>Texte</h1> Texte de taille 1

<hi> Texte </hi>

h1(Titre), h2(sous titre)....h6 (taille minuscule)
<br> ou <br /> revenir à la ligne

<p align=" ">Texte</p>

Aligner le texte : à droite, à gauche, centrer...

<p align="right">Texte</p>

Aligner le texte à droite

Texte

 

 Exemple :

 


<h1>Titre 1</h1>
<h2>Titre 2</h2>
<h3>Titre 3</h3>
<h4>Titre 4</h4>
<h5>Titre 5</h5>
<h6>Titre 6</h6>

 

Ce qui affiche au navigateur :

 

les balises html de titres h1, h2, h3
les balises html de titres h1, h2, h3, h4, h5, h6

 

2 - Usage pratique des balises de mise en forme HTML

 

Exemple

 

pour écrire le texte :  Le langage HTML est très facile !

on utilise le code :

 

Exemple de code HTML
Le langage <b>HTML</b> est très<font color='red'> facile !</font>

 

Exemple

 

Pour écrire le texte suivant  :

Le cours HTML sur ce site est très facile !
Est ce que vous avez compris ce cours ?
Si vous avez une question posez la dans le forum
Bonne chance !

on utilise le code

Le cours <font color="blue"> HTML </font>  sur ce site est très facile ! 
<i> Est ce que vous avez compris ce cours ? </i> 
Si vous avez une <u> question </u> posez la dans le <font color="blue"> forum </font> 
<font color="red">Bonne chance ! </font>

3 - Les codes des couleur en HTML

On a vu dans les paragraphes précédents que les couleurs peuvent être designées par leurs noms comme red, green, blue...Mais le problème qui se pose c'est celui de l'intensité d'une couleur ! par exemple qu'on dit couleur blue, il peut s'agir d'une couleur bleu ciel, bleu foncé, bleu marine !... c'est pour cette raison que les informaticiens ont décidés de coder les couleurs.

Le format de la commande de couleur est    :    "#RRVVBB" :
RR   :  la quantité de rouge contenue dans la couleur.
VV   :  la quantité de vert contenu dans la couleur.
BB   :  la quantité de bleu contenu dans la couleur.

Exemple

La couleur: #000000 correspond au noir (00 de rouge, 00 de vert et 00 de bleu).
La couleur: #FFFFFF au blanc (le chiffre FF est le maximum possible)
La séquence de numérotation hexadécimale est (de min. au max.): 0 1 2 3 4 5 6 7 8 9 A B C D E F.

Exemple

code couleur html
<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#FF00FF">

Le fond sera noir, le texte blanc et les liens en rose.

 

4 - Tutoriel vidéo

 

 

5 - Testez votre propre code HTML

 

 

...

2 thoughts on “Mise en forme d'un document HTML

Leave a Reply

Your email address will not be published. Required fields are marked *