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é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 ça sert ?</li>
<li>le principe des balises</li>
</ul>
vous ê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>

Leçons html : 1 2 3 4 5 6 7 8 9 10 - - -Retour à la page d'accueil