Guide sur le HTML
Les Markups
Le html utilise deux sortes de mots-clés (Markups) :
- Les markups de blocs
- Ils délimitent un bloc dans lequel va s'appliquer la
propriété définie par le markup.
- Syntax : <markup>...</makup>
- Les autes markups
- Ils n'ont pas de markups de fin.
- Syntax : <markup>
Note : Le html reconnait aussi bien les majuscules que les minuscules.
Initialisation et Corps du programme
Ils ne sont pour l'instants pas obligatoire mais tende à le devenir.
<HTML>
<HEAD>
<TITLE>toto</TITLE>
</HEAD>
<BODY bgcolor = "#fef0e0" BACKGROUND="image.gif">
...(reste du programme)
</BODY bgcolor = "#fef0e0">
</HTML>
- BODY bgcolor = "#fef0e0" BACKGROUND="image" LINK="couleur" VLINK="couleur"
ALINK="couleur"
- Background permet de mettre une texture en fond d'ecran.
- Link, VLink, Alink spécifie les couleurs des liens, des liens
dejà parcourus, des liens lorsqu'on clique dessus.
Les Titres
Il y a 7 types de titre H0 H1 .. H6, chaque titre change la police et la
taille du texte en fonctions des options définie par l'utilisateur.
Exemple : <H1>toto</h1>
Les attributs de textes
On peut specifier qu'un texte doit apparaitre en italic ou
en gras.
| I | Ecrit en italic
| Exemple <I>toto</I> | toto
|
| B | Ecrit en gras
| Exemple <B>toto</B> | toto
|
| TT | Ecrit en font courier
| Exemple <TT>toto</TT> | toto
|
FONT SIZE="taille" COLOR="couleur"
Ex :<fon
t size=1<toto>/font>
Les Paragraphes et Saut de ligne
Le html est un format qui ne reconnait par défault les sauts de lignes,
il les tranforme en espace.
Pour y remédier, on peut mettre un <BR> a la fin de chaque
phrase ou un <P> pour sauter une ligne en plus.
On peut centrer un texte en utilisant <CENTER> et bien sur
</CENTER> pour finir.
si l'on veut insérer un texte comme par exemple du code C, on utilisera
<PRE> et </PRE> comme délimiteur.
Les Fioritures
- Les Images
IMAGE SRC="nom_de_fichier" ALIGN={left|center|right} ALT="texte"
| Align | Emplacement de l'image
|
| Src | nom du fichier .xbm .gif ou .jpg
|
| Alt | texte à écrire si l'image n'est pas
chargée.
|
- Les Règles Horizontales
HR SIZE=taille WIDTH=taille
| Size | définie la taille verticale
|
| Width | définie la taille horizontale
|
Les Listes
Il y a trois sortes de listes :
- Les listes ordonnées
<OL>
<LI>les listes ordonnees
<LI>...
</OL>
- Les listes non-ordonnées
<UL>
<LI>les listes non-ordonnees
<LI>...
</UL>
- Les listes décalées
<DL>
<DT>titre
<LI>les listes decaleees
<LI>...
</DL>
Les Tableaux
TABLE BORDER=taille
TD ALIGN={left|center|right} COLSPAN=nbr ROWSPAN=nbr
<table border=1>
<tr>
<th colspan=4>titre</th>
<tr>
<td rowspan=2>data 1<td align=center colspan=2>data 2<td>data 3
<td>data 4<td>data 5
</table>
| titre |
| data 1 | data 2 | data 3
|
| data 4 | data 5
|
Rémi Forax 1995
Université de Marne la Vallée
Dernière mise à jour le 10 août 1996