Premiers pas...
Lexique et liste des principales commandes du html (alphabétique). Cette liste n'est pas exhaustive.
Ce qui suit à pour but de familiariser les novices du html au "jargon" rencontré dans les codes sources de pages web.
Ce bouton bleu 
, vous permet de revenir à la liste.A B C D E F G H I J K L M N O P Q R S T U V W Y Z Annexe A
A
<A> </A>
<A href="lien.htm">Texte lien</A>On appelle ceci une ancre. On peut dire que le html repose entièrement sur cette balise ! Cette ancre permet d'aller vers l'endroit désigné par "lien.htm" lorsqu'on clique sur "Texte lien"
<A name=nom_cible></A>
Ceci défini une ancre cible. A utiliser lorsqu'on veut renvoyer depuis un point x d'un document, vers un point y.
On mettra alors <a href="doc.htm#cible"> Vers cible</a>
Au clic de souris sur "Vers cible" vous arrivez à l'endroit défini par "cible".
Exemple : <a href="arpwabc.html#cible">Aller à la cible</a> est le lien défini ci-dessous. (Essayez)
Aller à la cible Revenez en cliquant sur "Vers A".
<APPLET> </APPLET>
Insertion d'une applet java. La syntaxe est la suivante :<APPLET code="nom_classe.class" width=[valeur] heigth=[valeur]>
Viennent ensuite les paramètres de l'applet. La fin se matérialise par
</APPLET>
B
<B> </B>
Mise en forme du texte. Texte en gras (voir STRONG).background
Définition du fond de page (image). Attribut de <BODY bgcolor="#ffffff" background="image.gif">Le fond peut être une image au format gif ou jpg.
bgcolor
Pour backgroundcolor. Attribut de BODY, TABLE, TD, TR. Dans <BODY bgcolor="#[valeur hex]">Derrière le dièse, la valeur en hexadécimal. Utilisable aussi avec black, blue, brown, cyan, gold, green, magenta, orange, purple, red, silver, white, yellow.
black
Couleur noire. Utilisable à la place de "#000000"blue
Couleur bleue. Utilisable à la place de "#0000ff"Exemple <FONT COLOR="blue">Texte en bleu</FONT>
<BODY> </BODY>
Cette commande est très importante aussi. C'est à l'intérieur de ces balises que se trouve le document. Le tag "BODY" définit quelle sera les caractéristiques de la page (couleur de fond, du texte, des liens). De plus, ce n'est que ce qui se trouve entre ces deux tags qui sera affiché sur le navigateur.Un exemple de body :
<BODY bgcolor="#ffffff" text="#0000ff" link="#ff0000" background="fond.gif">
Ceci donnera : Une page sur fond blanc avec du texte en bleu. Les liens seront en rouge et une image de fond (fond.gif) "tapissera" l'arrière plan. En cas d'absence de l'image, c'est la couleur indiquée qui s'affichera.(Ici, le blanc)
<BR> </BR>
Rupture de ligne. S'utilise pour passer à la ligne suivante.
C
<CENTER> </CENTER>
Tout ce qui se trouve entre ces deux tags est centré au milieu de la page.(Texte, images, tableau, etc..).Cyan
Couleur cyan. Utilisable à la place de "#00ffff"Exemple <FONT COLOR="cyan">Texte en cyan</FONT> (Pas très lisible sur fond jaune pâle) !
D
<DD> </DD>
Entrée de glossaire. Crée un retrait gauche du texte.<DIV...> </DIV>
Définition d'un paragraphe. Par exemple <DIV align="right"> </DIV>Tout le texte qui se trouve entre les tags ci-avant sera aligné, àdroite.
E
<EM> </EM>
Met le texte en italique : Cette partie de texte est en italique, celle ci, non.obtenu avec : <EM>Cette partie de texte est en italique</EM>, celle ci, non.
F
<FONT> </FONT>
Définition de la police de caractère. <FONT color="red"> </FONT><FONT face="Verdana"> </FONT>
<FONT size=3> </FONT>
A noter: font-face est en voie de disparition, du fait de l'utilisation des feuilles de styles. Mais, il fonctionne encore. Un exemple : Police Verdana Police Times Police Comic est écrit avec font face de la façon suivante.
<FONT face=Verdana> Police Verdana</FONT><FONT face="Times New Roman"> Police Times</FONT> <FONT face="Comic Sans MS"> Police Comic</FONT>
<FONT color="red">Police en rouge</FONT>, peut aussi s'écrire :<FONT color="#ff0000"> ... </FONT>.
<FORM...[...]> </FORM>
Définition d'un formulaire. (Voir page Formulaire html).<FRAME SRC=[nom_fichier]>
Définit une frame source à afficher. Inclus dans <frameset>.<FRAMESET> </FRAMESET>
Structure du frameset. Définit la disposition des frames et leurs tailles. Exemple :<FRAMESET cols="20%,80%">
<NOFRAMES> Ce tag sert à laisser une "porte de sortie" aux navigateurs qui ne gèrent pas les frames.
<BODY> Votre navigateur ne gère pas les frames ! <a href="sans_frame.htm">Cliquez ici</a>
</NOFRAMES>
</BODY>
</FRAMESET>
G
Gif
Format de fichier image bitmap utilisé sur les pages web. Comporte un maxi de 256 couleurs. Sert à la conception d'images animées.Grave (accent)
Voir liste des caractères spéciaux (Annexe A).Green
Couleur verte. Utilisable à la place de "#008000":Exemple <FONT COLOR="green">Texte en vert</FONT>
H
<H[valeur]> </H[valeur]>
En-Tête (header) ou titre. La valeur est comprise entre 1 et 6. Exemple : <H1>Titre</H1>.<HEAD> </HEAD>
Header ou en-tête de document html. Cette zone est utilisée pour placer les renseignements concernants le document, différentes caractéristiques de formatage (<STYLE>) ou déclaration de script.On peut y placer les balises TITLE, META. Cette zone peut être vide aussi.
heigth
Définition de la hauteur. Attribut fonctionnant avec APPLET, HR, IMG, TABLE, TD...Syntaxe : heigth=[valeur]. La valeur peut être un entier ou un %.
<HR>
Produit une ligne de séparation (comme celles qui sont positionnées entre chaque lettre ici).Ces lignes de séparation sont ici limitées à 20% de largeur.(<HR width="20%">).
<HTML> </HTML>
Structure générale d'un document html. Ces tags encadrent le document dans son intégralité.
I
<I> </I>
Mise en forme de texte. Texte en italique (même fonction que <EM>).<IMG src=["nom_image.ext"]>
Cette commande appelle l'affichage d'un fichier image. Exemple :<IMG src="image.gif" width=100 height=100>
<INPUT name=["nom"]...>
Définition d'un champ dans un formulaire. (Voir page formulaire html).<ITALIC>
Mise en forme de texte. Comme <EM> et <I>, texte en italique.
J
Java
Langage proche du C++. Utilisé en script ou pour la création d'applets. Il est dans ce cas compilé.jpg
jpeg, extension jpg. Format de fichier image bitmap, pouvant comporter jusqu'à 16,7 millions de couleurs
K
Késako !
Exclamation poussée par le créteur de page web, lorsque tout ne se passe pas comme il veut... :o)
L
<LI> </LI>
Entrée de liste. Pour obtenir ce genre de mise en forme :La syntaxe utilisée ici :
<LI>Liste
<LI>Elément1</LI>
<LI>Elément2</LI>
<LI>Elément3</LI>
</LI>
link
Attribut du tag BODY. Pour définir la couleur des liens de la page. Exemple :<BODY bgcolor="white" link="red"> Les liens seront affichés en rouge.
M
Magenta
Couleur magenta. Utilisableà la place de "#ff00ff"Exemple <FONT COLOR="magenta">Texte en magenta</FONT>
<META [type info, contenu]>
Informations relatives à la page.Midi
Format de fichier son, extension .mid.
N
<NOBR> </NOBR>
Mise en forme texte. Pas de rupture de ligne entre ces tags.
O
<OL> </OL>
Liste numérotée.- Liste
- Toto
- Papa
- Maman
<OL> Liste
<LI>Toto</LI>
<LI>Papa</LI>
<LI>Maman</LI>
</OL>
P
<P> </P>
Mise en forme texte. Marques de paragraphe.
Q
Quote (guillemet)
Voir liste des caractères spéciaux (Annexe A).
R
Red
Couleur rouge. Utilisableà la place de "#ff0000"Exemple <FONT COLOR="red">Texte en rouge</FONT>
S
<SCRIPT language="javascript"> </SCRIPT>
Insertion de script java. Un script devrait normalement s'insérer comme un commentaire, et être encadré de <!-- et --><SMALL> </SMALL>
Mise en forme de texte. Réduction de la taille de caractère.<STRIKE> </STRIKE>
Mise en forme de texte. Texte barré<STRONG> </STRONG>
Mise en forme de texte. Equivalent de <B> il met le texte en gras.<STYLE> </STYLE>
Feuilles de style ou cascading style sheets (CSS). Permet de définir un style pour chaque éléments d'un document html. Ce système n'est malheureusement pas reconnu par Netscape.<SUB> </SUB>
Mise en forme de texte. Texte en indice.<SUP> </SUP>
Mise en forme de texte. Texte en exposant.
T
<TABLE> </TABLE>
Insertion d'un tableau. Voir Tableaux html et Images et tableaux.<TD> </TD>
Insertion d'une cellule de tableau. (Voir pages Tableaux html).<TEXTAREA name="nom_champ"...> </TEXTAREA>
Définition d'un champ de saisie. (Voir Formulaire html).text
Attribut de BODY. Définit la couleur du texte de la page. Exemple :<BODY bgcolor="white" text="black" link="red"> Le texte sera écrit en noir, le fond de la page blanc, les liens en rouges.
<TH> </TH>
Cellule d'en-tête de tableau dans un structure de tableau. (Voir pages Tableaux html).<TITLE> </TITLE>
Titre d'un document html. Ces tags se placent dans l'en-tête de la page (entre <HEAD> et </HEAD>).<TR> </TR>
Passage à la ligne dans une structure de tableau. (Voir pages Tableaux html).
U
<U> &/LT>
Mise en forme de texte. Texte souligné.<UL> </UL>
Liste à puce.
V
vlink
Attribut de BODY. Affecte une couleur aux liens visités. Exemple :<BODY bgcolor="white" text="black" link="red" vlink="blue">
W
<WBR>
Rupture de ligne volontaire dans une partie concernée par les tags <NOBR> ... </NOBR>.White
Couleur blanche. Utilisable à la place de "#ffffff"Exemple <FONT COLOR="white">Texte en blanc</FONT> (Totalement illisible sur fond jaune pâle)!
width
Définition de la largeur. Attribut fonctionnant avec APPLET, HR, IMG, TABLE, TD...Syntaxe : width=[valeur]. La valeur peut être un entier ou un %.
Y
Yellow
Couleur jaune. Utilisable à la place de "#ffff00"Exemple <FONT COLOR="yellow">Texte en jaune</FONT> (Assez illisible sur fond jaune pâle)!
Z
Zip
Nom d'un logiciel et extension de fichier. Archive compressée. Utilisé pour réduire la taille des fichiers (avant téléchargement par exemple).
Vers A
