Voici une liste des principales balises Html
Mise en forme des caractères
<B>...</B> |
Texte en gras |
<BIG>...</BIG> |
Agrandissement de la taille des caractères |
<BLINK>...</BLINK> |
Texte clignotant |
<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 à 6 |
<P>...</P> <P align=center>...</P> <P align=left>...</P> <P align=right>...</P> |
Nouveau paragraphe Paragraphe centré Paragraphe aligné à gauche Paragraphe aligné à droite |
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 src="xyz.png"> <IMG src="xyz.jpg> |
Insertion d'une image au format png ou jpg (voir liens pour l'adressage) |
<IMG ... width=x height=y> |
Mise à l'échelle de l'image en pixels ( a comme effet d'accélérer 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 |
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 |
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 |