Home

Les Autres Sites

Apprendre le HTML

L'Aguzou

L'Islande

Environs de Paris

Paroles de chansons

Goodies

Liens

Forum de discussion

Barre de navigation

   

-= greg-seth =-

 

 Mise en forme du texte 

 
 

Les commentaires

Pour rendre le code plus lisible, vous pouvez insérer des commentaires dans celui-ci. Pour cela il faut placer les commentaires entre <!-- et -->.

1.

<p>Ce texte est affiché...</p>

2.

<!-- ... et celui-ci ne l'est pas -->

3.

<p>Visible à nouveau !</p>

 

Les paragraphes

Pour créer un paragraphe, on utilise la balise <p>.Grâce à cette balise on peut définir l'alignement du texte en utilisant l'attribut align :

<p>

align=

"left"
"center"
"right"

Alignement à gauche, centré ou à droite.

class=

 

Nom du style CSS à appliquer au paragraphe.


Nota : la valeur par défaut est "left", et voici un petit exemple :

1.

<p align="left">Ce texte est aligné à gauche</p>

2.

<p align="center">Ce texte est centré</p>

3.

<p align="right">Ce texte est aligné à droite</p>

Attention, il faut distinguer cette balise qui sert à créer des paragrahes, du simple saut de ligne obtenu avec la balise <br />.

Mises en forme spécifiques

Il faut placer les textes à mettre en forme entre les différentes balises. Ceci est d'ailleurs valable pour toute autre balise.

<b></b>

Gras

<i></i>

Italique

<u></u>

Souligné

<h1></h1> ... <h6></h6>

Titres, l'affichage dépend du navigateur. H1 est le plus grand, H6 le plus petit.

<sub></sub> et <sup></sup>

Indice et exposant

<s></s>

Texte barré

<span></span>

Conteneur générique pour les Feuilles de Style en Cascade (CSS).

 

1.

<p><b>Ce texte est en gras</b><br />

2.

<i>celui-ci italique</i><br />

3.

<u>et celui-là souligné</u></p>

 

<font>

size=

"1" à "7"

Taille de la police au format HTML (1=7pt et 7=30pt).

color=

"#RRGGBB"

Couleur au format hexadécimal.

face=

"Police"

Attention à ne pas utiliser de polices trop 'exotiques', votre visiteur doit en effet posséder la police pour l'afficher.


Exemple :

1.

<p>

2.

<font face="Courier" size="2" color="black">Texte ici</font>

3.

</p>

Suite de la leçon.

Intro | Structure | Mise en forme | Liens | Cadres | Tableaux | Multimédia

 
 

Copyright 2002 - tous droits réservés.