Liste des principales balises Html 4.0

Liste des principales balises Html 4.0

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 +explorer ancien)
<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 à 7

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 dossier
<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
< 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

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *