chapitre 15 : Liste des balises Html
chapitre 15 : Liste des 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 |
| <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=center>…</Hx> | Titre aligné à gauche |
| <Hx align=center>…</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> | Liste non numérotée (dite à puces) |
| <LI> | Elément de liste |
| </UL> | |
| <OL> | Liste numérotée |
| <LI> | Elément de liste |
| </OL> | |
| <DL> | Liste de glossaire |
| <DT>…</DT> | Terme de glossaire (sans retrait) |
| <DD>…</DD> | Explication du terme (avec retrait) |
| </DL> | 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 »> | Insertion d’une image au format Gif ou Jpg |
| <IMG src= »xyz.pjg> | (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
| <Tableau>…</Tableau> | Définition d’un tableau |
| <Tableau width= »x% »> | Largeur du tableau en % |
| <Tableau width=x> | Largeur du tableau en pixels |
| <Tableau border=x> | Largeur de la bordure |
| <Tableau cellpadding=x> | Espace entre la bordure et le texte |
| <Tableau 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 |
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 % |
| <FRAMESET 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 »>…</BODY> | Couleur d’arrière-plan (en hexadécimal) |
| <BODY background= »xyz.gif »>…</BODY> | Image d’arrière-plan |