Formatage du texte

• Les titres
• Les balises de styles
  • Styles physiques
  • Styles logiques
• Les balises de fontes
• Les blocs de texte
• Texte préformatté

Les titres

<Hn [ALIGN=left|center|right]> HTML 2.0
Ecrit un titre. Un titre est un style logique pouvant présenter plusieurs tailles de caractères. Il est généralement affiché en gras, précédé et suivi d'un saut de ligne et aligné à gauche par les logiciels de consultation Web. n est un nombre entre 1 (la plus grande taille) et 6 (le plus petite). Doit finir avec </Hn>.
ALIGN aligne le titre à gauche (left), à droite (right) ou au centre (center) de la page.
Quelques paramètres HTML 3.0 sont disponibles comme DINGBAT, NOWR et CLEAR.

Titre de niveau H1, le plus grand

Titre de niveau H2

Titre de niveau H3, centré

Titre de niveau H4, aligné à droite

Titre de niveau H5

Titre de niveau H6, le plus petit

Retour en haut

Balise de style

HTML connaît deux types de styles, les styles logiques (interprétés) et les styles physiques (non interprétés). Chaque logiciel de consultation interprète les styles logiques différemment. Par exemple, le style logique <em> (pour "emphatique") sera affiché en rouge avec soulignement simple par un logiciel et en italique par un autre. Autres exemples de styles logiques: <strong> (accentué) et <cite> (citation). Les styles physiques, tels que italique, souligné et gras sont représentés tels qu'ils sont indiqués.

Styles physiques

<TT> HTML 2.0

'TeleType'. Ecrit le texte "avec une police de caractères à pas fixe". Généralement Courier.

<I> HTML 2.0

'Italic'. Ecrit en "Italic" le texte sélectionné.

<B> HTML 2.0

'Bold'. Ecrit en "gras" le texte sélectionné.

<U> HTML 2.0

'Underline'. "souligne" le texte sélectionné.

<STRIKE> HTML 2.0

'Strike'. Ecrit en "barré". Notons que dans les futures versions le tag <S> "barré" sera accepté.

<BIG> HTML 3.2

'Big'. Ecrit le texte dans "une taille de police plus grande".

<SMALL> HTML 3.2

'Small'. Ecrit le texte dans "une taille de police plus petite".

<SUB> HTML 3.2

'Subscript'. Ecrit en _{"Indice dans une police plus petite"}.

<SUP> HTML 3.2

'Supscript'. Ecrit en ^{"Exposant dans une police plus petite"}.

<BLINK> NS 2.0

'Blink'. Fait "clignoter le texte". IE n'interpréte pas cette balise et Cyberdog affiche le texte en relief.

<SPAN STYLE=cssAtributes> IE 3.0

Permet de définir le format du texte inclus en indiquant les paramètres de formatage correspondants ou en appliquant au texte un style défini selon les recommandations CSS1. Voir le guide "CSS1" pour plus d'informations.

Styles logiques

<EM> HTML 2.0

'Emphasis'. Ecrit avec une "faible mise en évidence". Généralement rendu en italique.

<STRONG> HTML 2.0

'Strong Emphasis'. Ecrit avec une "grande mise en évidence". Généralement rendu en gras.

<DFN> HTML 2.0

'Definiton'. Formate le texte comme étant une "définition". Généralement rendu en italique. Netscape ne gère pas cette balise.

<CODE> HTML 2.0

'Code'. "Code informatique". Rendu en fonte à pas fixe.

<SAMP> HTML 2.0

'Sample'. "Message informatique". Rendu en fonte à pas fixe dans une police légèrement plus grande.

<KBD> HTML 2.0

'Keyboard'. "Saisie au clavier". Rendu en gras dans une fonte à pas fixe.

<VAR> HTML 2.0

'Variable'. "Variable informatique". Rendu en italique dans une fonte à pas fixe.

<CITE> HTML 2.0

'Cite'. "Citation". Généralement rendu en italique.

<ADDRESS> HTML 2.0

'Adress'. Utilisé pour afficher son

"adresse e-mail"

. Un retour à la ligne est généralement placé avant et aprés, rendu en italique et parfois indentée.

<COMMENT> HTML 2.0

'Comment'. Le texte à l'intérieur de cette balise ne s'affiche pas dans les browsers récents. Fonctionne de la même manière que la balise <! >. "Votre navigateur n'interprète pas cette balise !!" .

<Q> HTML 3.0

'Short Quotation'. Ecrit "une remarque". IE n'interprète pas cette balise.

<PERSON> HTML 3.0

'Person'. Ecrit"Christophe MERLET", généralement en texte normal.

<AU> HTML 3.0

'Author Name'. Ecrit"Christophe MERLET", généralement en texte normal.

Retour en haut

Balise de fontes

<BASEFONT SIZE=n [COLOR=#RRGGBB|couleur] [FACE="font1, font2, ..."]> HTML 3.2
Donne les caractéristique par défaut de la police de caractères devant être utilisé dans tout le document.

SIZE=n HTML 3.2

Donne la taille standard du texte. C'est un nombre entre 1 (la plus petite taille de texte) et 7 (la plus grande taille). 3 est la valeur par défaut. Les balises BIG, SMALL, FONT... se servent de cette valeur.

COLOR=#RRGGBB|couleur IE 3.0

Indique la couleur par défaut.

FACE="font1, font2, ..." IE 3.0

Spécifie la police de caractères par défaut. Le navigateur utilise la première police demandé, si elle n'est pas présente dans le système la navigateur essaye la suivante et ainsi de suite. Si aucune police n'est disponible, c'est la police par défaut du navigateur qui sera utilisé.

<FONT [SIZE=n|±n] [COLOR=#RRGGBB|couleur] [FACE=font1,font2...]> HTML 3.2
Spécifie les caractéristiques du texte sélectionné.

SIZE=n|±n HTML 3.2

Il y a deux sortes de manière de définir la taille des caractères. Soit absolue, soit relative.

• Absolue : SIZE=n
  Taille 1, c'est la plus petite.
  Taille 2
  Taille 3
  Taille 4
  Taille 5
  Taille 6
  Taille 7, c'est la plus grande.
• Relative : SIZE=±n
  Si la taille du texte courant est 3 la valeur de n peut varier entre -2 et +4.

COLOR=#RRVVBB|couleur HTML 3.2

Il y a deux moyens pour définir la couleur des caractères. De manière absolue en indiquant la valeur des composantes de la couleur, soit en donnant littéralement le nom de la couleur désirée.

• Absolue : COLOR=#RRVVBB
  #RRVVBB sont les valeurs en hexadécimal des composantes Rouge, Verte et Bleu de la couleur souhaité. Les valeurs sont comprises entre 00 et FF (0 et 255 en décimal). #000000 pour du noir, #FFFFFF pour du blanc. <FONT COLOR=#F5C23D">Modifie la couleur d'écriture en orange
• Littérale : COLOR=couleur
  'couleur' est le nom d'une des 16 couleurs de base de Windows.
  <FONT color="aqua">aqua</FONT>, mais aussi "black", "blue", "fushia", "gray", "green", "lime", "maroon", "navy", "olive", "purple", "red", "silver" ("silver"), "teal", "white"("white"), "yellow" ("yellow"). Netscape 2 a définit 124 noms de couleur supplémentaires qui sont aussi reconnus par Explorer 3.

FACE="font1, font2, ..." NS 3.0, IE 3.0

Spécifie la police de caractères du texte. Le navigateur utilise la première police 'font1', si elle n'est pas présente dans le système la navigateur essaye la suivante 'font2' et ainsi de suite. Si aucune police n'est disponible, c'est la police par défaut du navigateur qui sera utilisé.

Les fontes recommandées sous les environnement Macintosh et Windows.

Retour en haut

Les blocs de texte

<DIV ALIGN="left|center|right" CLASS=classcss1> HTML 3.2
'Division' Créé une nouvelle section et en définit l'alignement global. DIV n'insère pas de ligne vierge entre deux sections. L'intérét de cette balise prend tout son sens en association avec les feuilles de styles. DIV doit être terminé avec /DIV sinon son action s'étend jusqu'a la fin du document.

ALIGN=left|right|center HTML 3.2

Spécifie l'alignement de la section pour que les lignes commence à gauche 'LEFT', au centre 'CENTER' ou à droite 'RIGHT' de la page.

CLASS=classcss1 IE 3.0

Indique le nom d'une spécification de style se conformant auxc spécifications CSS1. Voir le guide "CSS1" pour plus d'informations.

<DIV align=left>...</DIV> Section aligné à gauche.

<DIV align=center>...</DIV> Section aligné au centre.

<DIV align=right>...</DIV> Section aligné à droite.

<P [ALIGN=left|right|center|justify]> HTML 2.0
Utilisez-le pour commencer un nouveau paragraphe. Une ligne vierge est automatiquement inséré au début et à la fin du paragraphe. P n'a pas besoin d'être terminé explicitement car il l'est automatiquement au tag P suivant.

ALIGN=left|right|center|justify HTML3.2

Spécifie l'alignement du paragraphe pour que les lignes commence à gauche 'LEFT', au centre 'CENTER' ou à droite 'RIGHT' de la page. 'JUSTIFY' IE 3.0 permets d'avoir les lignes du texte commençant et finissant contre les marges de la page.

<P align=left> Paragraphe aligné à gauche. Valeur par défaut.

<P align=center> Paragraphe aligné au centre.

<P align=right> Paragraphe aligné à droite.

<P align=justify> Paragraphe justifié. C'est à dire que les espaces entres les mots sont automatiquement ajustés afin que les extrémités de chaque ligne de texte soit contre les bords des marges de la page.

<BR [CLEAR=all|left|right]> HTML 2.0
Commence une nouvelle ligne juste en dessous de la ligne courante (simple saut de ligne).
CLEAR=all|left|right HTML 3.2. Indique qu'il faut commencer la ligne sur la marge gauche (left) ou droite (right) en dessous de tout objet ayant pu être inséré sur le coté de la page. Utilisez CLEAR=ALL si vous avez une image sur les deux cotés du texte.

<NOBR> NS 1.1, IE 2.0
Utilisez-le si vous voulez que le texte à l'intérieur des balises apparaissent sur une seule ligne. N'oubliez pas de finir avec </NOBR>.

<WBR> NS 1.1, IE 2.0
Commence une nouvelle ligne si le browser en a besoin. Utilisez le à l'intérieur d'un mot trés long. WBR est principalement utilisé en association avec NOBR.

<MULTICOL COLS=n [GUTTER=n] [WIDTH=n|n%]> NS 3.0
<MULTICOL cols=2 gutter=25 width="100%">
'Multiple Columns' Le texte à l'intérieur de cette balise est affiché en colonnes. Tous les types d'éléments peuvent y être insérés comme les images, les tableaux, les listes. Le navigateur se charge de répartir le texte dans les colonnes équitablement. Si vous ne terminait pas la sélection avec </MULTICOL> le texte ne s'affichera que dans une seule colonne jusqu'à la fin du document. Les sauts de colonnes n'existent pas. IE n'interprète pas cette balise de même que tous les autres navigateurs sauf Netscape.

COLS=n NS 3.0

est le nombre de colonnes,

GUTTER=n NS 3.0

l'espace entre les colonnes en pixels, 10 par défaut,

WIDTH=n|n% NS 3.0

la largeur des colonnes en pixels. Toutes les colonnes ont la même largeur.

<HR [SIZE=n] [WIDTH=n|n%] [ALIGN=left|right|center] [NOSHADE] [COLOR=#RRVVBB|couleur]> HTML 2.0
Insére un saut de ligne et une barre horizontale. Les attributs pouvant être utilisé sont :

SIZE=n HTML 3.2

Donne la hauteur de la ligne en points. 1 par défaut.

WIDTH=n|n% HTML 3.2

Donne la largeur de la ligne soit en point ou en pourcentage de la largeur de la page. 100% par défaut.

ALIGN=left|right|center HTML 3.2

Donne l'alignement de la barre par rapport à la page.

NOSHADE HTML 3.2

Supprime l'effet 3D de la barre.

COLOR=#RRVVBB|couleur IE 3.0

Definit la couleur de la ligne de manière absolue ou littéral.

<BLOCKQUOTE> HTML 2.0
Créé un bloc de texte séparé du reste du document par une ligne blanche en haut et en bas et par une marge à droite et à gauche. Doit finir avec /BLOCKQUOTE.

"Vérifiez l'affichage de ce bloc de texte dans votre navigateur. Une marge est rajoutée à droite et à gauche du texte pour bien le diffèrenciez d'un simple paragraphe. Tous les tags de formatage sont interprétés. Tous tous_tous..."

<CENTER> NS 2.0, HTML 3.2 Centre texte, images, tables et autres éléments inséré dans la page. Doit finir avec /CENTER.

Texte préformatté

<PRE [WIDTH=n]> HTML 2.0
'Preformatted'. Demande au browser d'utiliser la même présentation que dans le code HTML. Les sauts de lignes et les suites d'espaces sont interprétés tels quels. Toutes les balises et entités contenu dans PRE sont interprétés sauf celles qui modifient la taille du texte. Les liens (<A HREF>) fonctionnent donc à l'intérieur d'une balise PRE. Doit finir avec /PRE.

WIDTH=n HTML 3.2

Donne la longueur maximum d'une ligne en caractères. IE n'interprète pas cet attribut.

<PRE width=69>"La balise PRE affiche les espaces et les sauts de lignes tels qu'ils sont placés dans le code HTML. Le texte est affiché dans une police à pas fixe.
Tous les tags inclus sont interprétés sauf ceux qui permettent de modifier la taille des caractères comme IMG, BIG, SMALL, SUB, SUP et FONT."</PRE>

Les trois balises XMP, LISTING et PLAINTEXT sont d'anciennes méthodes apparues avant la balise PRE pour la représentation de texte préformatté. Elles sont obsolètes et ne doivent plus être utilisées. Les navigateurs supportent toujours ces tags pour la compatibilité avec d'anciennes pages Web.

<XMP> HTML 2.0
'eXeMPle'. Ecrit

<LISTING> HTML 2.0
'Listing'. Ecrit