La liste suivante peut être considérée comme un aide-mémoire du HTML. Mais chaque marqueur n'y est pas décrit exhaustivement. Pour cela, reportez-vous soit à la section premier pas, soit à celle des commandes avancées.
<META NAME="XX1XX" CONTENT="XX2XX, XX2bXX, XX2tXX"> : sert à indiquer aux différents moteurs de recherches, le contenu de cette page Web. Le "XX1XX" peut principalement prendre 2 valeurs :
Le bloc <HEAD> peut contenir aussi une commande LINK :
Ex : <LINK HREF="mailto:login@server.fr" REV="made">
LINK peut contenir quelques arguments :
La balise BASE spécifie en entier l'URL originale du document, ce qui permet aux liens relatifs de fonctionner.
Ex : <BASE HREF="//login.server.fr">
<TITLE> </TITLE> : affiche le texte contenu dans le bloc dans l'en-tête de la
fenêtre actuelle
Ex: <TITLE>HomePage</TITLE> donnerait HomePage comme en-tête de la fenêtre actuelle
<A HREF="XXXXXXXX.htm"> Some Text Here </A> : permet de faire référence
a une autre page HTML du nom de XXXXXXXX.htm. Le texte Some Text Here sera marqué en bleu et
souligné par le browser : indication d'un lien vers une page HTML.
Ex: Pour retourner à la <A HREF="homepage.htm">HomePage</A> donnera
Pour retourner à la HomePage
Attention ! Ne cliquez pas sur ce lien, il est fictif et déclenchera un message d'erreur s'il est actionné.
Il faut savoir que pour un document HTML de grande taille, l'utilisateur pourra utiliser des ancrages, c'est à dire
des renvois automatiques (vive l'HyperText) vers une partie spécifique de la page HTML. C'est ainsi, qu'un sommaire en
début de page pourra renvoyer le lecteur vers un chapitre particulier (voir supra).
Ex: La <A HREF="#biblio">bibliographie</A> se trouve en fin de page.
. . .
<A NAME="biblio"> Voici la bibliographie...
OU
<P ID="biblio"> Voici la bibliographie...</P>
Cette dernière forme n'est interprêtable qu'avec des browsers reconnaissant les Drafts HTML 3 et supérieurs. Vérifiez que votre browser reconnaisse bien cette forme sinon, utilisez la première qui est reconnue par la majorité des navigateurs actuels, car plus ancienne.
donnera :
La bibliographie se trouve en fin de page
Le renvoi à l'étiquette biblio se fera de manière transparente pour l'utilisateur.
Attention ! Ne cliquez par sur cet ancrage, il est fictif.
Le premier exemple explique la structure d'un lien, alors que le second concerne un ancrage.
<ADDRESS> </ADDRESS> : le texte contenu dans le bloc est affiché selon les normes que votre navigateur attribue aux adresses. Il s'agit très souvent d'un affichage en italique.
Ex : <ADDRESS>Marius & Panis, 23 rue de la Cannebière, Marseille</ADDRESS> affichera :
<B> </B> : transforme les caractères du bloc en gras
Ex: Bonjour deviendra Bonjour
<BIG> </BIG> : augmente le corps des caractères du bloc
Ex: Bonjour deviendra Bonjour
<BLINK> </BLINK> : le texte contenu dans ce bloc clignote. Il s'agit d'une spécificité de Netscape Navigator qui n'est pas reconnue par d'autres navigateurs, donc seuls les utilisateurs de Netscape verront le clignotement du texte !
Ex : <BLINK>Warning !</BLINK> affichera :
<BLOCKQUOTE> </BLOCKQUOTE> : le texte du bloc sera affiché selon les normes que votre navigateur réserve aux textes et aux autres objets empruntés à une autre source. Il s'agit bien souvent d'un saut de ligne avec une indentation.
Ex :<BLOCKQUOTE>Texte extrait d'une source différente</BLOCKQUOTE> affichera :
Texte extrait d'une source différente
<BR> : ce marqueur sert à passer à la ligne suivante
<CENTER> </CENTER> : toutes les données insérées dans ce bloc sont automatiquement centrées.
Ex: Bonjour donnera
<CITE> </CITE> : le texte contenu dans ce bloc sera affiché selon les normes que votre navigateur réserve aux citations. Il s'agit pour la plupart d'une simple mise en italique.
Ex : <CITE>To be or not to be</CITE> affichera To be or not to be
<CODE> </CODE> : le texte contenu dans ce bloc sera affiché selon les normes que votre navigateur réserve aux insertions d'instructions d'un programme. Il s'agit bien souvent d'un affichage en texte préformaté.
Ex : <CODE> if (OK==1) { Do_it(); } else { Do_not(); }</CODE> affichera if (OK==1) { Do_it(); } else { Do_not(); }
<DFN> </DFN> : le texte contenu dans ce bloc sera affiché suivant les normes que votre browser réserve aux instances de définition d'un terme. Il s'agit souvent d'une simple mise en italique du texte.Il faut savoir que Netscape Navigator ne semble pas reconnaître ce marqueur.
Ex : <DFN>Définition d'un terme</DFN> affichera : Définition d'un terme
<DIV> </DIV> : le contenu du bloc sera considéré comme appartenant à une division (d'un chapitre par exemple). Ce marqueur permet de repérer une sous-section dans un document.
Ex : <DIV>Ce texte appartient à une division de chapitre et constitue un paragraphe essentiel de mon exposé. Lisez attentivement ce qui suit, ...</DIV> affichera :
<EM> </EM> : le texte du bloc sera réhaussé, il s'agit d'une emphase. Généralement les navigateurs affichent le contenu en italique.
Ex : <EM>Texte réhaussé</EM> affichera Texte réhaussé
<FONT> </FONT> : le texte sera affiché selon les attributs d'une police de caractères. Le bloc <FONT> peut contenir 2 paramètres : SIZE=X qui servira à indiquer la taille de la police, où X est un nombre ; et COLOR=X qui servira à indiquer la couleur du texte à afficher, où X est une couleur. Attention, ce bloc est une spécificité de Netscape Navigator, mais Internet Explorer 3.2 semblent le reconnaître également.
Ex :<FONT SIZE=5 COLOR=RED>Zone interdite</FONT> affichera : Zone interdite
<H1> </H1> : le contenu du bloc est affiché aux normes du type #1 des en-têtes.
Il faut savoir qu'il existe 6 types d'en-tête différents. Ils sont notés de <H1> à <H6>
où <H1> représente un en-tête énorme et <H6> un en-tête minuscule.
Ex: Bonjour avec un type d'en-tête de 3 <H3>Bonjour</H3> deviendra :
<HR> : ce marqueur trace un trait horizontal. Pour plus de renseignements consultez la section premiers pas.
<I> </I> : le contenu du bloc est affiché en italique.
Ex : Bonjour deviendra Bonjour
<IMG SRC="XX.XXX" ALT="XX1XX" ALIGN="XX2XX"> : ce marqueur permet d'insérer une image dans la page. Le premier attribut SRC doit être égal à l'URL (Uniform Resource Locator) de l'image. Les fichiers graphiques sont souvent de type GIF ou JPG (JPEG) pour des raisons de commodités. Tout d'abord ces types de fichiers sont pratiquement tous reconnus par les navigateurs actuels, puis, leur taille est des plus raisonnable. L'attribut ALT sert à insérer le texte entre guillemets lorsque l'image ne peut être chargée (à cause d'une insuffisance matérielle ou du souhait de notre lecteur). ALIGN peut être égal à TOP, MIDDLE ou BOTTOM. La valeur MIDDLE centre verticalement l'image sur la ligne.
<KBD> </KBD> : le texte du bloc est à taper exactement comme indiqué. Les navigateurs l'interprêtent souvent comme un texte préformaté qui parfois est affiché en gras.
Ex : <KBD>Tapez ceci exactement</KBD> affichera : Tapez ceci exactement
<MENU> </MENU> : création d'un menu. Très souvent les navigateurs l'interprêtent comme le bloc <UL> </UL> qui crée des listes ordonnées (à puces). Entre ces deux marqueurs, chaque ligne du menu devra apparaître entre des délimiteurs <LI> </LI>.
Ex : <MENU><LI>Menu 1</LI><LI>Menu 2</LI></MENU> affichera :
<NOTE> </NOTE> : le contenu du bloc est considéré comme un paragraphe auxiliaire.
Ex : <NOTE>Voici le début d'un paragraphe auxiliaire de notre exposé, le bloc regroupe toutes les données dudit paragraphe...</NOTE>
affichera :
<OL> </OL> : création d'une liste ordonnée, c'est à dire que chaque ligne de cette liste sera numérotée. Entre ces deux marqueurs, chaque ligne de la liste devra apparaître entre des délimiteurs <LI> </LI>.
Ex : <OL><LI>Chapitre 1</LI><LI>Chapitre 2</LI></OL> affichera :
<P> : rupture de paragraphe
<P> </P> : le contenu du bloc est considéré comme un paragraphe. Lors de la fermeture du bloc, un saut de ligne est effectué.
<PRE> </PRE> : le texte contenu dans ce bloc sera affiché en texte préformaté, c'est à dire que chaque lettre occupera le même espace. Un saut de ligne est effectué avant l'affichage du texte.
Ex : <PRE>Comme du texte tapé à la machine à écrire</PRE>
apparaîtra :
Comme du texte tapé à la machine à écrire
<SAMP> </SAMP> : le texte du bloc sera affiché selon les normes que votre navigateur réserve aux exemples. Il s'agit très souvent d'un affichage en texte préformaté. Nous vous déconseillons d'employer ce marqueur à cause de son obsolescence.
Ex :<SAMP>Exemple, Example, Ejemplo</SAMP> affichera : Exemple, Example, Ejemplo
<SMALL> </SMALL> : réduit le corps des caractères du bloc
Ex: Bonjour deviendra Bonjour
<STRIKE> </STRIKE> : le texte contenu dans le bloc est rayé d'un trait simple.
Ex : <STRIKE>Ce texte est incorrect</STRIKE> affichera : Ce texte est incorrect
<STRONG> </STRONG> : le texte du bloc est affiché avec une forte emphase.
Ex : <STRONG>Texte à remarquer</STRONG> affichera : Texte à remarquer
<SUB> </SUB> : toutes les données insérées dans ce bloc seront affichées en indice.
Ex: Bonjour donnera Bonjour
<SUP> </SUP> : toutes les données comprises dans ce type de bloc seront affichées en exposant.
Ex: Bonjour donnera Bonjour
<TABLE> </TABLE> : le bloc <TABLE> permet de créer des tableaux paramétrables. Il peut être suivi de <CAPTION> pour lui définir un titre ou une légende. Les lignes du tableau sont encastrées entre des blocs <TR> </TR> où les cellules principales sont délimitées par les blocs <TH> </TH> et les cellules normales par <TD> </TD>. Pour plus de renseignements sur les tableaux, reportez-vous au chapitre des tableaux dans la section commandes avancées.
<TT> </TT> : le texte du bloc sera affiché comme s'il avait été tapé à la machine à écrire. Il ne s'agit que d'un affichage en texte préformaté. Nous vous déconseillons l'usage de ce marqueur à cause de son obsolescence.
Ex :<TT>Style machine à écrire</TT> affichera : Style machine à écrire
<U> </U> : souligne le contenu du bloc. Netscape Navigator ne semble pas reconnaître ce marqueur.
Ex: Attention ! deviendra Attention !
<UL> </UL> : création d'une liste sans ordre, c'est à dire que chaque ligne est débutée par une petite puce. La forme de cette dernière peut varier suivant le navigateur utilisé. Entre ces deux marqueurs, chaque ligne de la liste devra apparaître entre des délimiteurs <LI> </LI>.
Ex : <UL><LI>premier argument</LI><LI>second argument</LI></UL> affichera :
<VAR> </VAR> : le texte du bloc est affiché aux normes que votre navigateur réserve aux variables. Internet Explorer l'interprête en texte préformaté alors que Netscape Navigator affiche le texte en italique.
Ex : <VAR>Nom d'une variable</VAR> affichera : Nom d'une variable