Hit-Parade


Vous voulez aller plus vite
Toute la section HTML est ici !



Mise en forme des paragraphes.

Les différentes commandes pour les paragraphes sont les suivantes.
<p> : Nouveau paragraphe
</p> : Fin de paragraphe
<br> : Fin de ligne

Les paragraphes permettent de structurer de grandes quantités de texte.
Pour intervenir sur la façon dont ils sont alignés, utilisez l'attribut align dans la balise<p>.
La balise de fin </p> est optionnel mais, il est bon de prendre l'habitude de signaler la fin de vos paragraphes.

<p align=left> Paragraphe aligné à gauche. Il est à noter que l'alignement par défaut d'un paragraphe est à la gauche. Il n'y aura donc aucune différence que vous mettiez la balise ou non.
<p align=center>

Le texte est centré.

<p align=right>

Le texte est aligné à droite.

Vous utilisez la balise <br> pour les ruptures de lignes qui sont volontaires pour rester fidèles à l'alignement du texte.


Centrer plusieurs objets

<center>......</center> Les éléments compris entre ces deux balises sont centrés.

Dans la nouvelle version 4.0 du langage HTML, il est déconseillé
d'employer la balise <center> que les navigateurs un peu anciens ne peuvent toujours interptéter.
Il est préférable d'utiliser la balise div et l'attibut align (=center).

<p align=right>

La première ligne du paragraphe est à droite.

<div align=center>
Toute la section est au centre. L'ensemble du paragraphe demeure aligné à droite. Si on met une image elle sera au centre.

<img src="mouse2.gif" height=84>

</div>

L'alignement à droite est revenue. Pas nécessaire de donner de nouvelles instructions.

L'image est insérée une seconde fois.
<img src="mouse2.gif height=84">

et on termine avec
</p>

Vous faites la même chose si vous voulez mettre du texte ou une image au centre, à gauche ou à droite.


Empêcher la rupture de ligne automatique.

Les navigateurs ont tedance à couper les lignes en fonction de la largeur de la fenêtre.
Vous avez la possibilité d'empêcher ces coupures. À cet effet, utilisez la balise <nobr>.
Le texte compris entre <nobr> et </nobr> ne comporte pas de rupture de ligne automatique.
Entre <nobr> et </nobr> vous pouvez définir des sauts de lignes volontaires avec la balise <br>.
Avec les balises <nobr> et <br>, la mise en forme du document HTML est indépendante de la taille de la fenêtre du navigateur. Ces balises vous assurent un certain contrôle sur la présentation de vos pages.


Insérer des titres

La mise en forme des titres est importante. HTML vous propose six niveaux de titre.
<h1></h1> Titre 1
<h2></h2> Titre 2
<h3></h3> Titre 3
<h4></h4> Titre 4
<h5></h5> Titre 5
<h6></h6> Titre 6

Voilà les six niveaux de titres.

Titre 1

Titre 2

Titre 3

Titre 4

Titre 5
Titre 6

Vous pouvez utiliser les balises <h3 align=center>Titre 3</h3>

Titre 3

<h3 align=right>Titre 3</h3>

Titre 3

Comme vous le voyez, vous pouvez décider d'aligner les titres à gauche, par défaut, à droite ou au centre.


Insérer des lignes de séparation


Vous pouvez mettre en évidence la structure de vos documents en créant
des lignes de séparation entre les différentes parties du texte.

Pour créer des lignes vous utilisez la balise <hr>
Pour définir la longueur d'une ligne, utilisez l'attribut width dans la balise.
<hr width=65%>


Une valeur sans "%" correspond à une longueur en pixels.
<hr width=65>

Définir l'épaisseur de la ligne et la longueur

<hr size=1 width=50%>



<hr size=2 width=60%>

<hr size=3 width=40%>

<hr size=4 width=75%>

<hr size=10 width=20%>

<hr size=17 width=40%>

<hr size=28 width=30%>

<hr size=40 width=75%>

Alignement des lignes de séparation :

<hr size=3 width=40% align=left>



<hr size=4 width=60% align=center>


<hr size=8 width=75% align=right>


Empêcher l'ombrage des lignes de séparation

<hr width=60% align=left noshade>



<hr width=40% align=center noshade>

* La mise en forme des paragraphes est terminée.*

retour au début

HTML

J'aimerais bien avoir vos commentaires, questions ou suggestions.

Écrire à Nicou

Réalisée et conçue le 28 décembre 1998
Dernière mise à jour le 14 novembre 2001
Copyright © 1998-1999 La page de Nicou.
Tous droits réservés.

Balises de texte Les couleurs