UP PREVIOUS NEXT   Technologies Internet et Education, © TECFA
  5. Titres, séparateurs et paragraphes

5. Titres, séparateurs et paragraphes

Exercice:

5.1 Titres

Il existe 6 niveaux de titres dans HTML.

Un retour à la ligne est automatiquement inséré après un titre.

<hn></hn> où n est compris entre 1 et 6 (H1 est le plus grand titre possible)

<h1>Titre de niveau 1</h1>

<h4>Titre de niveau 4</h4>

Paramètre:

ALIGN sert à spécifier l'alignement horizontal d'un titre.

align="left ou center ou right ou justify"

<h1 align="center">Texte du titre centré</h1>

Note: Dans XHTML 2 il existera aussi une balise <h> qui permet d'imbriquer hiérarchiquement des sections.

5.2 Paragraphes

A. Paragraphe

Le marqueur de paragraphe "p" produit un double retour de ligne.

<p> ... </p>

Paramètre:

ALIGN sert à spécifier l'alignement horizontal du paragraphe.

align="left ou center ou right"

<p align="center">Pierre mange une pomme</p>

<p align="right">Marie s'amuse sur la balancoire</p>

B. Paragraphe en retrait

Le marqueur "blockquote" décale le paragraphe à droite.

<blockquote> ... </blockquote>

<blockquote>Les avions se posent à l'aérogare</blockquote>

C. Paragraphe préformaté

Le marqueur "pre" est utilisé lorsqu'on désire afficher du texte avec un caractère non-proportionnel ("monospaced font"). Un "m" prendra autant de place qu'un "i".

Lorsqu'on insère plusieurs espaces à la suite, ceux-ci sont maintenus à l'affichage (ce qui n'est pas le cas avec le texte normal)

<pre> ... </pre>

<pre>

ligne 1

ligne2 précédée d'espaces

</pre>

D. Adresse et signature

"Address" est utilisé pour les indications relatives à l'auteur, à la date de création et à la version du document.

<address> ... </address>

<address>

This document was created by Patrick.Jermann@tecfa.unige.ch

Last modified: 2/7/95

</address>

5.3 Séparateurs

A. Retour de ligne

Le marqueur "br" effectue un simple retour de ligne.

<br />

Paramètre:

CLEAR permet de forcer l'alignement du texte. Ce paramètre est particulièrement utile lorsqu'on l'utilise conjointement avec des images. Il introduit des retours de lignes jusqu'à ce que la marge droite, gauche ou les deux soient libres.

clear="left ou right ou all"

<br clear="left" />

<br clear="all" />

B. Ligne horizontale

Le marqueur "hr" insère une barre horizontale.

<hr />

Voici les paramètres de <hr>:

SIZE

spécifie l'épaisseur de la barre horizontale en pixels. La valeur par défaut est 1.

size="n"

<hr size="3" />

 

WIDTH

spécifie la longueur de la ligne, soit en pixels, soit en pourcentage de la largeur de la fenêtre.

WIDTH="n"

<hr width="200" />

<hr width="60%" />

ALIGN

spécifie l'alignement de la barre

align="left ou right ou center"

<hr align="center" />

NOSHADE

Lorsqu'il est présent dans le marqueur "hr" l'effet est une ligne pleine sans ombrage.

noshade="noshade"

<hr noshade="noshade" />

Pour un aperçu de l'effet des différents paramètres consultez:

5.4 La balise <div>

<div align="center">
  <h1> Introduction </h1>
  <p>
  Bonjour
  </p>
</div>
<div class="cours">
 .....
</div>

UP PREVIOUS NEXT -- TIE