Chapitre 10 Chapitre 10
Les paragraphes.
Un document lu c'est avant tout un document aéré, c'est pour cela qu'il faut diviser le contenu de votre texte en plusieurs paragraphes. Lorsque vous développez vos pages, il existe deux balises qui permettent d'obtenir, soit un saut de ligne soit, le commencement d'un nouveau paragraphe.
La balise <P> exprime le début d'un paragraphe, c'est à dire un double espace, tandis que la balise <BR> effectue un retour à la ligne (simple espace) identique à la touche Entrée de votre clavier (sous traitement de texte).
A noter que la balise <BR> posséde l'attribut CLEAR (trois valeurs : LEFT, RIGHT, ALL) permettant d'insérer un retour à la ligne dès que la marge (gauche, droite, ou les deux) est libre.
ex : <BR CLEAR=RIGHT> (un retour s'effectue à la ligne dés que la marge de droite est libre).
Les balises </P> et </BR> de fermetures sont facultatives.
La balise <P> possède l'attribut ALIGN qui sert à aligner le texte, il prend 3 valeurs :
- LEFT : Aligne le texte sur la marge de gauche.
- RIGHT : Aligne le texte sur la marge de droite.
- CENTER : Centre le texte entre les marges.
Exemple et code source.
Ceci est un
<BR>
exemple
<P>
avec les balises P et BR
Ceci est un
exempleavec les balises P et BR
Note : Tout le texte compris entre les balises <NOBR> et </NOBR> ne contiendra pas de passages à la ligne intempestifs, à utiliser avec parcimonie car le visiteur sera peut être obligé de faire défiler horizontalement la fenêtre de son navigateur, ce qui n'est pas souvent apprécié ...
Les titres.
L'élément TITRE permet de mettre en valeur une portion de texte. Pour cela, le texte doit être encadré avec les balises d'ouverture et de fermeture choisies, un retour à la ligne se fera automatiquement. Il y a six niveaux de TITRE de <H1> (le plus important) à <H6> (le plus petit). Il possède lui aussi l'attribut ALIGN (RIGHT, LEFT, CENTER).
Exemple et code source avec chaque balise TITRE.
| <H6>Titre de niveau 6</H6> | Titre de niveau 6 |
| <H5>Titre de niveau 5</H5> | Titre de niveau 5 |
| <H4>Titre de niveau 4</H4> | Titre de niveau 4 |
| <H3>Titre de niveau 3</H3> | Titre de niveau 3 |
| <H2>Titre de niveau 2</H2> | Titre de niveau 2 |
| <H1>Titre de niveau 1</H1> |
Titre de niveau 1 |
Lignes horizontales (<HR>).
Utiliser des lignes horizontales ou filets horizontaux sont très pratiques pour séparer les différentes parties de votre document. Cette méthode s'obtient avec la balise <HR>, elle ne nécessite pas de balise de fermeture. Elle possède plusieurs attributs :
- ALIGN : Permet d'aligner la ligne horizontale. Valeurs : RIGHT, LEFT, ou CENTER.
- WIDTH : Spécifie la largeur de la ligne (en pixels ou % de la fenêtre).
- SIZE : Epaisseur de la ligne (de 1 à 10).
- NOSHADE : S'il est présent, l'effet d'ombre (3d) est annulé.
- COLOR : Spécifie la couleur de la ligne (uniquement I.Explorer).
Exemple de plusieurs filets ainsi que leur code source.
<HR WIDTH=100 ALIGN=LEFT> <HR WIDTH=150 COLOR="blue" ALIGN=LEFT> <HR WIDTH=200 COLOR="#008000" NOSHADE ALIGN=LEFT>
La balise <DIV>.
La balise <DIV> permet de définir l'alignement de plusieurs éléments (titres, textes, images, filets, ...). Elle possède l'attribut ALIGN qui prend 3 valeurs (RIGHT, LEFT, CENTER), elle peut donc remplacer la balise <CENTER>, qui elle permet de centrer plusieurs éléments sur une page.
ex : <DIV ALIGN=LEFT>
A noter que depuis la version 4.0 du HTML, la balise <DIV> se diversifie, en effet elle accepte l'attribut STYLE (feuilles de styles, sujet qui sera abordé plus tard).
ex : <DIV STYLE="color:green">
La balise <BLOCKQUOTE>.
La balise permet de créer un retrait dans la marge de gauche. Comme les balises <CENTER> et <DIV>, tout élément compris entre les balises d'ouverture et de fermeture bénéficiera de ce retrait.
Texte préformaté.
Si pour une raison quelconque, vous ne voulez pas vous servir des balises d'alignements et de paragraphes, la balise <PRE> est recommandée, en effet tout texte compris entre les balises <PRE> et </PRE> sera transcrit de la même façon. Toutefois l'utilisation de TITRE, et de mise en forme de paragraphe n'est pas autorisée.
Exemple de texte préformaté.
Attention des différences existent entre Netscape et I.Explorer.
Voici un tableau préformaté. 1ère cellule | 1er choix | 2ème cellule | 2ème choix
Révisé le :21-Jan-2009|©2009 www.technologuepro.com