SELFHTML: HTML / Types de paragraphes et structure du texte / Lignes de séparation

SELFHTML/Quickbar HTML Types de paragraphes et structure du texte

	Lignes de séparation
	Définir des lignes de séparation Empêcher l'ombrage des lignes de séparation Contrôler la largeur et la hauteur des lignes de séparation Aligner des lignes de séparation Lignes de séparation de couleurs Autres possibilités

Définir des lignes de séparation

Exemple d'affichage: aperçu

Les lignes de séparation servent à séparer optiquement des passages de texte contigus ou pour aérer en général. Une ligne de séparation crée un paragraphe distinct.

Exemple:

Ici se termine une partie.
<hr>
Ici commence quelque chose de nouveau.

Explication:

<hr> insère une ligne de séparation(hr = horizontal rule = ligne horizontale). Le repère peut se situer en fin de ligne du paragraphe précédent ou seul sur une ligne (comme dans l'exemple) ou au début du paragraphe suivant.

Empêcher l'ombrage des lignes de séparation

Exemple d'affichage: aperçu

Les navigateurs graphiques WWW affichent en principe les lignes de séparation en 3D, c'est à dire ombrées. Vous pouvez cependant forcer le navigateur à représenter la ligne en plein et d'un seul trait.

Exemple:

Ici se termine une partie.
<hr noshade>
Ici commence quelque chose de nouveau.

Explication:

Avec l'attribut noshade vous faites en sorte que le navigateur représente la ligne en plein et d'un seul trait, c'est à dire sans ombrage (noshade = sans ombre).

Contrôler la largeur et la hauteur des lignes de séparation

Exemple d'affichage: aperçu

Les navigateurs WWW représentent les lignes de séparation en principe sur toute la largeur de l'écran. Vous pouvez obtenir que la ligne de séparation ne prenne qu'une partie de la largeur d'affichage. De plus vous pouvez modifier l'épaisseur de la ligne.

Exemple:

Ici se termine une partie.
<hr width=60%>
Ici commence quelque chose d'autre.  
<hr width=260 size=4>
Ici commence encore quelque chose d'autre.

Explication:

Avec l'attribut width= (width = largeur) vous faites en sorte que le navigateur affiche la ligne de séparation dans la largeur mentionnée. Vous pouvez mentionner un chiffre ou un pourcentage. Avec un chiffre, par exemple 300, la ligne de séparation sera affichée dans la largeur mentionnée en pixels. Avec une valeur en pourcentage, la ligne de séparation prendra au maximum le pourcentage indiqué de largeur de l'écran. Pour une valeur en pourcentage, notez derrière le chiffre le signe de pourcentage.

Avec l'attribut size= (size = taille) vous pouvez fixer la hauteur (épaisseur) d'une ligne de séparation. La valeur par défaut est de 2 points. Avec une valeur de 1 vous obtenez une ligne particulièrement fine, avec des valeurs supérieures à 2, vous pouvez obtenir des lignes de séparation plus épaisses que la normale.

Attention:

Les deux attributs peuvent être combinés avec des lignes de séparation sans ombrages (noshade).

Aligner des lignes de séparation

Exemple d'affichage: aperçu

L'alignement des lignes de séparation n'a un sens que quand il est combiné avec la mention width= (largeur réduite), étant donné qu'autrement, la ligne de séparation occupe toute la largeur de l'écran.

Les navigateurs WWW centrent par défaut les lignes de séparation. Vous pouvez aussi aligner les lignes de séparation à gauche ou à droite.

Exemple:

Ici se termine une partie.
<hr width=60% align=left>
Ici commence quelque chose d'autre.  
<hr noshade width=260 size=4 align=right>
Ici commence encore quelque chose d'autre.

Explication:

Avec l'attribut align=left vous obtenez que la ligne de séparation soit alignée à gauche (align = alignement, left = à gauche). Avec align=right la ligne de séparation sera alignée à droite (right = à droite).

Attention:

Tous les attributs d'alignement peuvent être aussi combinés avec des lignes de séparation sans ombrages (noshade).

Lignes de séparation de couleurs

Exemple d'affichage: aperçu

L' Explorer Internet Microsoft permet à partir de la version 3.0 également l'affichage de lignes de séparation de couleur. Jusqu'alors, cette possibilité ne fait cependant pas partie du langage de programmation HTML.

Exemple:

Ici se termine une partie.
<hr noshade color=#FF0000>
Ici commence quelque chose de nouveau.

Explication:

Avec l'attribut color= vous pouvez fixer la couleur de la ligne de séparation. Pour le choix des couleurs, voyez comment définir des couleurs en HTML.

Autres possibilités

Le repère <hr> peut comprendre des attributs universels.

Si vous connaissez déjà un peu mieux HTML, vous pouvez aussi essayer les possibilités offertes par les feuilles de style CSS. car grâce à elles vous pourrez aussi appliquer des formatages complémentaires aux lignes de séparation. Pour ce faire, il vous faut d'abord savoir comment définir des feuilles de style. Ensuite, vous serez en mesure d'utiliser les mentions de feuilles de style. Sur le repère <p> vous pouvez par exemple utiliser les mentions de feuilles de style suivantes:
Espaces, marges, alignement
Cadres et espaces intérieurs
Couleurs et images d'arrière plan


après:	Texte à plusieurs colonnes
avant:	Passages avec plusieurs éléments

SELFHTML/Quickbar HTML Types de paragraphes et structure du texte