Balises html

Liste des principales 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

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é

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> Titre où x a une valeur de 1 à 7

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

Titre centré
<Hx align=left>...</Hx> Titre aligné à gauche
<Hx align=right>...</Hx> Titre aligné à droite
<P>...</P> Nouveau paragraphe
<P align=center>...</P> Paragraphe centré
<P align=left>...</P> Paragraphe aligné à gauche
<P align=right>...</P>

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)
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> Trait centré (défaut)
<HR align=left> Trait aligné à gauche
<HR align=right> Trait aligné à droite
<HR noshade>

Trait sans effet d'ombrage

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 dossier
<A name="xyz">...</A> Définition d'une ancre
<A href="xyz">...</A> Lien vers une ancre
<A href="fichier#xyz">...</A>

Images

<IMG src="xyz.gif">
<IMG src="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
< 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>

Aligne l'image en bas
<IMG ... align=middle> Aligne l'image au milieu
<IMG ... align=top> Aligne l'image en haut
<IMG ... align=left> Aligne l'image à gaughe
<IMG ... align=right> Aligne l'image à droite
<IMG ... hspace=x> Espacement horizontal entre l'image et le texte
<IMG ... vspace=y>

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%"> Largeur de colonne en %
<TD width=x> Largeur de colonne en pixels

<TD align=center>

Texte dans la cellule centré
<TD align=left> Texte dans la cellule aligné à gauche
<TD align=right> Texte dans la cellule aligné à droite

<TD valign=bottom>

Alignement vers le bas du contenu d'une cellule
<TD valign=middle> Centrage vertical du contenu d'une cellule
<TD valign=top> Alignement vers le haut du contenu d'une cellule
<TD colspan=x> Nombre de cellules à fusionner horizontalement
<TD rowspan=x> Nombre de cellules à fusionner verticalement

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site