1. Introduction à HTML
1-2 Principe du langage HTML
HyperText Markup Language (HTML) est un langage de "mark up" qui définit la structure logique d'un document WWW diffusé sur le Web. Il s'agit d'un ensemble de commandes de formatage. "Formatage" veut dire qu'on insère des commandes dans le texte qui indiquent comment le mettre en page. Notez toutefois qu'il s'agit essentiellement de définitions logiques. En règle générale, un marquage indique de quel type de texte il s'agit (titre, sous-titre, liste, ...) et non pas comment exactement il faut l'afficher. C'est votre client WWW qui décide cela (Courier 14 gras, ...).
Le langage HTML est basé sur la notion d'environnement possédant un début et une fin. Autrement dit, un environnement est délimité par un marqueur (Angl. "tag") inséré au début et à la fin. Chaque marqueur est délimitée par les signes < et >. Voici le principe:
<marqueur> ....... le contenu de l'environnement </marqueur>
Notez qu'un environnement se ferme avec </marqueur>, c'est à dire le nom de l'environnement précédé par un "/".
Voici deux exemples d'environnement:
<title>Titre du document</title> <H1>Titre principal></H1>
Les commandes HTML ne sont pas sensibles aux caractères minuscules ou majuscules.
La plupart des environnements HTML peuvent être imbriqués selon des règles bien définies. Notamment, il n'est pas permis de se faire chevaucher des environnements:
JUSTE: <h1><a href="./test.html">Votre titre</a></h1>FAUX !! <h1><a href="./test.html">Votre titre</h1></a>
A l'intérieur de chaque environnement vous pouvez avoir des commandes. Une commande n'a pas de début et de fin, mais effectue une simple opération valable dans l'environnement. Voici l'exemple d'une liste à puces marquée par <ul> ... </ul>. Les marqueurs <li> indiquent le début d'un nouvel élément de liste
<ul> <li>Nouveau élément <li>Nouveau élément </ul>
Certains environnements ou commandes peuvent être paramétrés à l'intérieur du marqueur de début. Voici un exemple pour une commande qui insère une image dans le document:
<img align=left src="/gif/tecfacow-small.gif" hspace=10 width=50 height=38 alt="[COW Picture] - ">
Voici un exemple de paramétrage pour un environnement:
<BODY BACKGROUND="/gif/backgrnd.jpg" text="FFFFFF" link="FFFF00" vlink="FFAA00"> ........ ........ ........ </body>