Les séparateurs
Voici comment placer des séparateurs, ce sont des petits traits de séparation pour par exemple placer entre deux paragraphes d'un texte.
|
<HTML>
<HEAD> <TITLE>Séparateurs</TITLE> </HEAD> <BODY> Placons quelques séparateurs <BR><BR> Séparateur par défaut (largeur 100% et centré) <BR> <HR> <BR> Largeur du séparateur : 300 pixels <BR> <HR width=300> <BR> Largeur du séparateur : 50% de la largeur de l'écran <BR> <HR width="50%"> <BR> Taille du séparateur : 10 pixels <BR> <HR size=10> <BR> Couleur du séparateur : rouge et la largeur est de 30% <BR> <HR color="#FF0000" width="30%"> <BR> Séparateur aligné à droite d'une largeur de 30 pixels <BR> <HR align="right" width=30> <BR> Séparateur aligné à gauche d'une largeur de 50 pixels en bleu <BR> <HR align="left" width=50 color="#0000FF"> <BR> </BODY> </HTML> |
Ce qui donnera une page dont le contenu sera comme ceci :
Placons quelques séparateurs
Séparateur par défaut (largeur 100% et centré)
Largeur du séparateur : 300 pixels
Largeur du séparateur : 50% de la largeur de l'écran
Taille du séparateur : 10 pixels
Couleur du séparateur : rouge et la largeur est de 30%
Séparateur aligné à droite d'une largeur de 30 pixels
Séparateur aligné à gauche d'une largeur de 50 pixels en bleu
Vous pouvez maintenant enregistrer votre page et la visualiser dans votre navigateur.
Explications des nouvelles balises utilisées :
- <hr> : permet de placer un trait séparateur. Nous avons vu plusieurs attributs possibles : "width" pour en préciser la largeur soit en pixels soit en pourcentage, "color" pour lui donner de la couleur (ATTENTION : cet attribut ne fonctionne que sous IE), "align" pour l'aligner soit à gauche ou à droite. Pas de balise de fin !
Il y a également moyen de placer des séparateurs "images" et non plus une simple barre (éventuellent en couleur). Mais les images c'est pour plus tard....
| Précédent : Les listes | Suivant : Les chemins d'accès |
| Retour au sommaire | |
