Trackin
html006
Les cours HTML1. Structure d'un document HTML
2. Le traitement du texte
3. Listes d'élément
4. Les liens hypertextes
5. Les images
6. Attributs de présentation
7. Les tableaux
8. Les frames
9. Concept avancé
Les séparateurs
es browsers intègrent un outil de mise en forme intéressant pour clarifier la présentation de votre texte. C'est la ligne horizontale. La syntaxe en est fort simple:
Les valeurs par défaut de la balise <HR> sont : une épaisseur de trait de 2 pixels, un alignement centré et une largeur de 470 de la fenêtre. Vous pouvez très bien modifier les valeurs de ces différents attributs.
| <HR size=?> | Epaisseur en pixels |
| <HR width=?> | Largeur en pixels |
| <HR width="%"> | Largeur en % de la fenêtre |
| <HR align=left> | Alignement gauche |
| <HR align=right> | Alignement droite |
| <HR align=center> | Alignement centré |
- <HR> et/ou
- <HR size=2 align=center width="470"
<HR align=center size=8 width="50%">
- On préférera spécifier la largeur en % de la fenêtre plutôt qu'en pixels car l'affichage s'adaptera ainsi à toutes les tailles et résolutions d'écran.
Les arrière-plans
Le langage HTML permet d'agrémenter la présentation du document d'un arrière-plan [background] coloré ou composé d'une image. Ce qui apporte un élément "artistique" à votre page.
La balise à utiliser ne pose pas de problème :
<H1>Bonjour</H1>
</BODY>
La lisibilité n'est pas parfaite. Heureusement, des balises sont prévues pour modifier les couleurs utilisées par défaut par le browser pour le texte et les liens.
| Couleur de texte | <BODY TEXT="#$$$$$$"> |
| Couleur de lien | <BODY LINK="#$$$$$$"> |
| Lien visité | <BODY VLINK="#$$$$$$"> |
| Lien actif | <BODY ALINK="#$$$$$$"> |
<H1>Bonjour</H1>
</BODY>
On peut aussi prévoir un fond en image. Cette image (petite de préférence) est affichée en mosaïque par le browser. Attention aux raccords... comme lorsque vous posez du papier peint.
<H1>Bonjour</H1>
</BODY>
Meilleurs partenaires Trackin VIP
