Bonjour,
Voici les balises Html de base, pour créer une page web.
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 |
Structuration & 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 |
|
<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 |
Liste
|
<UL> |
|
|
<LI> |
Liste non numérotée (dite à puces) |
| </UL> | Elément de liste |
|
<OL> |
|
|
<LI> |
Liste numérotée |
|
</OL> |
Elément de liste |
|
<DL> |
|
|
<DT>…</DT> |
Liste de glossaire |
|
<DD>…</DD> |
Terme de glossaire (sans retrait) |
| </DL> | Explication du terme (avec retrait) |
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 scr=”xyz.gif”> |
Insertion d’une image au format Gif ou Jpg |
| <IMG scr=”xyz.pjg> | (voir liens pour l’adressage) |
|
<IMG … width=x height=y> |
Mise à l’échelle de l’image en pixels (accélére 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> |
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 |
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é |
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 |
Frames
|
<FRAMESET>…</FRAMESET> |
Définit une structure de frames |
|
<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 |
