Dossier
pratique |
|
Réalisation
d'une Page Perso |
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
L'Internaute
Caractéristiques du site
- Attrayant
- Sympathique
- Complet
s'écrit :
<html>
<body>
<h1>L'Internaute</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
Exemple
(pour les libellés des couleurs et savoir insérer
des liens, voir les pages suivantes)
<html>
<body bgcolor="#000000" text="#ff0000"
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://www.linternaute.com"
target="blank">L'Internaute</a>
<br><br>
Pour envoyer vos remarques,
<a href="mailto:guernalec@benchmark.fr">cliquez
ici</a>
</font>
</body>
</html>
Voir l'exemple dans un navigateur.
|