Cahiers Pratiques et Références


Le HTML en dix leçons par Fabrice Sutter

5. La mise en forme du texte

Vos textes gagneront naturellement en lisibilité si vous faites un effort de mise en page. Voici les principales balises qui vous aideront à mettre en forme votre texte :
- aller à la ligne : <br> (break)
- créer un paragraphe : <p> et </p>
- créer un filet/une ligne horizontale : <hr>
- niveaux de titre de 1 (le plus grand) à 6 (le plus petit) :
<h1> et </h1>, <h2> et </h2>
- liste non ordonnée (c'est à dire des puces au début de chaque ligne) : <ul> et </ul> (unordered list) avec à l’intérieur de ces balises les <li> et </li> pour chaque élément de la liste.
- liste ordonnée (1, 2, 3...) : <ol> et </ol> (ordered list) avec à l’intérieur de ces balises les <li> et </li> pour chaque élément de la liste.

Exemple:

Fabrice.net

Caractéristiques du site

  • Attrayant
  • Sympathique
  • Complet

s'écrit :
<html>
<body>
<h1>
Fabrice.net</h1>
<br>
caract&eacute;ristiques du site<br><br>
<ul>
<li>
attrayant</li>
<li>
sympathique</li>
<li>
complet</li>
</ul>
</body>
</html>

Les attributs (paramètres) qui viennent préciser la balise <BODY> (concerne l'ensemble de la page) :
- couleur de fond de la page : BGCOLOR (BackGround)
- couleur du texte : TEXT
- couleur des liens non visités : LINK (lien)
- couleur des liens activés : ALINK
- couleur des liens visités : VLINK

L'attribut (paramètre) qui détermine le positionnement des paragraphes dans la page (calé à gauche ou à droite, centré) :
- alignement : ALIGN + choix entre LEFT (gauche), CENTER (centre) et RIGHT (droit).

Les attributs (paramètres) qui viennent préciser les paramètres du texte utilisent la balise <FONT> :
- couleur : COLOR
- taille : SIZE
- police (type de caractère) : FACE

  • le html, qu'est-ce que c'est ?
  • apprendre le html à quoi ça sert ?
  • le principe des balises
  • Vous êtes sur le site de Fabrice.net
  • Pour envoyer vos remarques, Cliquez ici
Exemple :
(pour les libellés des couleurs et savoir insérer des liens, voir les pages suivantes)
<html>
<body bgcolor="00FF00" text="#CC0000" alink="#ffffff" vlink="#ffff00">
<font color="#ffffff” size=”3” face=”arial”>
<ul>
<li>
le html, qu’est-ce que c’est ?</li>
<li>
apprendre le html à quoi &ccedil;a sert ?</li>
<li>
le principe des balises</li>
</ul>
vous &ecirc;tes sur le site de <a href="http://sutter.fabrice.free.fr/perso/" target="blank">Fabrice.net</a>
<br><br>
Pour envoyer vos remarques,
<a href="mailto:fsut01@tv-com.net">
cliquez ici</a>
</font>
</body>
</html>
Copyright 2001 by Fabrice.net tous droits réservés
Leçons html : 1 2 3 4 5 6 7 8 9 10 - - -Retour à la page d'accueil