ABCSITE

INFORMATIQUE

 
 
 

 
 

Les balises Html

 

 

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 (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>
<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)

 

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

 

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.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
( 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

 

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

 

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

 
 

ABCSITE © copyright 2002