Les balises HTML

 Fichier Html

<HTML>...</HTML>

Début et fin de fichier Html

<HEAD>...</HEAD>

Zone d'en-tête d'un fichier Html

<TITLE>...</TITLE>

Titre affiché par le browser (élément de HEAD)

<BODY>...</BODY>

Début et fin du corps du fichier Html

<BODY bgcolor="#XXXXXX">

Couleur d'arrière-plan (en hexadécimal)

<BODY background="xyz.gif">

Image d'arrière-plan

Structuration du texte

<!--...-->

Commentaire ignoré par le navigateur

<BR>

A la ligne

<BLOCKQUOTE>... </BLOCKQUOTE>

Citation (introduit un retrait du texte)

<CENTER>...</CENTER>

Centre tout élément compris dans le tag

<DIV align=center> ...</DIV>

Centre l'élément encadré par le tag

<DIV align=left> ...</DIV>

Aligne l'élément à gauche

<DIV align=right> ...</DIV>

Aligne l'élément à droite

<Hx>...</Hx>
<Hx align=center>...</Hx>
<Hx align=left>...</Hx>
<Hx align=right>...</Hx>

Titre où x a une valeur de 1 à 6
Titre centré
Titre aligné à gauche
Titre aligné à droite

<P>...</P>
<P align=center>...</P>
<P align=left>...</P>
<P align=right>...</P>

Nouveau paragraphe
Paragraphe centré
Paragraphe aligné à gauche
Paragraphe aligné à droite

Mise en forme du texte

<!--...-->

Commentaire ignoré par le navigateur

<BR>

A la ligne

<BLOCKQUOTE>... </BLOCKQUOTE>

Citation (introduit un retrait du texte)

<CENTER>...</CENTER>

Centre tout élément compris dans le tag

<DIV align=center> ...</DIV>

Centre l'élément encadré par le tag

<DIV align=left> ...</DIV>

Aligne l'élément à gauche

<DIV align=right> ...</DIV>

Aligne l'élément à droite

<Hx>...</Hx>
<Hx align=center>...</Hx>
<Hx align=left>...</Hx>
<Hx align=right>...</Hx>

Titre où x a une valeur de 1 à 6
Titre centré
Titre aligné à gauche
Titre aligné à droite

<P>...</P>
<P align=center>...</P>
<P align=left>...</P>
<P align=right>...</P>

Nouveau paragraphe
Paragraphe centré
Paragraphe aligné à gauche
Paragraphe aligné à droite

Listes

<UL>
<LI>
</UL>

Liste non numérotée (dite à puces)
Elément de liste

<OL>
<LI>
</OL>

Liste numérotée
Elément de liste

<DL>
<DT>...</DT>
<DD>...</DD>
</DL>

Liste de glossaire
Terme de glossaire (sans retrait)
Explication du terme (avec retrait)

 Hyperliens

<A href="http://...">...</A>

Lien vers une page Web

<A href="mailto:...">...</A>

Lien vers une adresse eMail

<A href="fichier.htm">...</A>

Lien vers la page locale fichier.htm, située dans le même répertoire

<A name="xyz">...</A>

Définition d'une ancre

<A href="xyz">...</A>
<A href="fichier#xyz">...</A>

Lien vers une ancre

Images

<IMG scr="xyz.gif">
<IMG scr="xyz.pjg>

Insertion d'une image au format Gif ou Jpg
(voir liens pour l'adressage)

<IMG ... width=x height=y>

Mise à l'échelle de l'image en pixels (accélére l'affichage de la page)

<IMG ... border=x>

Définition de la bordure d'une image avec lien

<IMG ... alt="votre texte">

Texte alternatif lorsque l'image n'est pas affichée

<IMG ... align=bottom>
<IMG ... align=middle>
<IMG ... align=top>
<IMG ... align=left>
<IMG ... align=right>

Aligne l'image en bas
Aligne l'image au milieu
Aligne l'image en haut
Aligne l'image à gaughe
Aligne l'image à droite

<IMG ... hspace=x>
<IMG ... vspace=y>

Espacement horizontal entre l'image et le texte
Espacement vertical entre l'image et le texte

Tableau

<TABLE>...</TABLE>

Définition d'un tableau

<TABLE width="x%">

Largeur du tableau en %

<TABLE width=x>

Largeur du tableau en pixels

<TABLE border=x>

Largeur de la bordure

<TABLE cellpadding=x>

Espace entre la bordure et le texte

<TABLE cellspacing=x>

Epaisseur du trait entre les cellules

<TR>...</TR>

Ligne du tableau

<TD>...</TD>

Cellule du tableau

<TD bgcolor="#XXXXXX">

Couleur d'une cellule de tableau

<TD width="x%">
<TD width=x>

Largeur de colonne en %
Largeur de colonne en pixels

<TD align=center>
<TD align=left>
<TD align=right>

Texte dans la cellule centré
Texte dans la cellule aligné à gauche
Texte dans la cellule aligné à droite

<TD valign=bottom>
<TD valign=middle>
<TD valign=top>

Alignement vers le bas du contenu d'une cellule
Centrage vertical du contenu d'une cellule
Alignement vers le haut du contenu d'une cellule

<TD colspan=x>
<TD rowspan=x>

Nombre de cellules à fusionner horizontalement
Nombre de cellules à fusionner verticalement

Mise en forme des caractères

<B>...</B>

Texte en gras

<BIG>...</BIG>

Agrandissement de la taille des caractères

<BLINK>...</BLINK>

Texte clignotant (Netscape seul)

<EM>...</EM>

Texte en italique

<FONT color="#XXXXXX"> ...</FONT>

Texte en couleur où XXXXXX est une valeur hexadécimale

<FONT size=X>...</FONT>

Taille des caractères où X est une valeur de 1 à 7

<I>...</I>

Texte en italique

<NOBR>...</NOBR>

Empêche les ruptures automatiques de ligne des navigateurs

<PRE>...</PRE>

Texte préformaté, soit avec affichage de tous les espaces et sauts de ligne

<SMALL>...</SMALL>

Réduction de la taille des caractères

<STRONG>...</STRONG>

Mise en gras du texte

<SUB>...</SUB>

Texte en indice

<SUP>...</SUP>

Texte en exposant

<U>...</U>

Texte souligné

 Ligne de séparation

<HR>

Trait horizontal (centré par défaut)

<HR width="x%">

Largeur du trait en %

<HR width=x>

Largeur du trait en pixels

<HR size=x>

Hauteur du trait en pixels

<HR align=center>
<HR align=left>
<HR align=right>

Trait centré (défaut)
Trait aligné à gauche
Trait aligné à droite

<HR noshade>

Trait sans effet d'ombrage

Frames

<FRAMESET>...</FRAMESET>

Définit une structure de frames
(remplace alors le tag BODY)

<FRAMESET rows="x%,y%,...">

Division horizontale de la fenêtre en %

<FRAMESET cols="x%,y%,...">

Division verticale de la fenêtre en %

<FRAME src="fichier.htm">

Fichier affiché dans une fenêtre de frames

<NOFRAMES>...</NOFRAMES>

Contenu pour les browsers non prévus
pour les frames

Caractères spéciaux 

&AElig

Æ

&Aacute

Á

&Acirc

Â

&Agrave

À

&Aring

Å

&Atilde

Ã

&Auml

Ä

&Ccedil

Ç

&ETH

Ð

&Eacute

É

&Ecirc

Ê

&Egrave

È

&Euml

Ë

&Iacute

Í

&Icirc

Î

&Igrave

Ì

&Iuml

Ï

&Ntilde

Ñ

&Oacute

Ó

&Ocirc

Ô

&Ograve

Ò

&Oslash

Ø

&Otilde

Õ

&Ouml

Ö

&THORN

Þ

&Uacute

Ú

&Ucirc

Û

&Ugrave

Ù

&Uuml

Ü

&Yacute

Ý

&aacute

á

&acirc

â

&aelig

æ

&agrave

à

&aring

å

&atilde

ã

&auml

ä

&ccedil

ç

&cent

¢

&copy

©

&deg

°

&lt

<

&dollar

$

&eacute

é

&ecirc

ê

&egrave

è

&ensp

ð

&amp

&

&euml

ë

&frac12

1/2

&frac14

1/4

&frac34

3/4

&frac18

1/8

&frac38

3/8

&frac58

5/8

&frac78

7/8

&gt

>

&gt]

>

&iacute

í

 

 

&icirc

î

&iexcl

¡

&igrave

ì

&iquest

¿

&iuml

ï

&laquo

«

&lt]

<

&micro

µ

&not

¬

&ntilde

ñ

&oacute

ó

&ocirc

ô

&ograve

ò

&oslash

ø

&otilde

õ

&ouml

ö

&para

&plus

±

&pound

£

&quot

"

&raquo

»

&reg

®

&sect

§

&semi

­

&sup1

ß

&thorn

þ

&tilde

~

&uacute

ú

&ucirc

û

&ugrave

ù

&uuml

ü

&yacute

ý

&yen

¥

&yuml

ÿ