HTML

Généralités

Devenu indissociable de l'Internet et surtout de la navigation web, le langage HTML n'est pas un langage de programmation, mais un langage de description de page, comme il en existe bien d'autre (rtf, postscript, latex, ...). Son seul but est de fournir au navigateur qui demande la page les informations nécessaires pour qu'il comprenne la structure du texte et pour qu'il puisse le mettre en forme.

Comme pour tout les langages de ce type, son principe est très simple. Il repose sur deux principes essentiels :

un document (intéressant) est structuré : il a des titres, des paragraphes ordinaires, des tableaux,...
il suffit de connaître la structure du document pour être capable de l'afficher correctement.

Pour réaliser sa tâche HTML utilise des balises (on dit que le langage HTML est un langage à balises) qui indiquent la nature d'un groupe de mots. Ainsi, le mot Généralités en haut de la page n'a pas été mis en gras et isolé des mots qui suivent par un passage à la ligne. C'est le navigateur qui a décidé de le faire lorsqu'il a compris que ce mot était un titre de paragraphe en rencontrant le texte <H2>Généralités</H2>.

De façon générale les balises (ou marqueurs) sont de la forme :

<balise> texte </balise>

<balise attribut=argument> texte </balise>

Dans la suite de la page nous décrivons les principales catégories de balises, sans rentrer dans les détails de leurs multiples arguments.

Balises simples

<P> est une marque de fin de paragraphe.
<BR> est une marque de fin de ligne sans saut de paragraphe.
<HR> crée une ligne :

Balises de documents

Il s'agit ici des balises qui servent à délimiter une page HTML et à définir son entête et son corps.

<HTML> . . . </HTML> : le début et la fin du document,
<HEAD> . . . </HEAD> : entête du document
<BODY> .. </BODY> : corps du document
<! ....> est une balise de commentaire qui permet d'inclure des informations non affichées dans vos pages.

Ainsi, une page minimale est :

<HEAD>

<TITLE>Exemple</TITLE>

</HEAD>

<BODY>

Page HTML minimale

</BODY>

</HTML>

Balises d'entêtes

Ces commandes se mettent entre le couple de balises <HEAD> et </HEAD>. Elles donnent des informations générales sur toute la page.

<TITLE> . . . </TITLE> donne le titre du document, ce titre apparaît dans le bandeau supérieur de la fenêtre de votre lecteur de Web. Cette balise doit être unique pour respecter la norme HTML 3.2 et elle est obligatoire.
<LINK HREF=adresse rel=top|contents|index|glossary|copyright|next|previous|help|search rev=top|contents|index|glossary|copyright|next|previous|help|search title=valeur>
établit un lien avec un autre document pour donner le nom du document maître, l'index. Cette balise n'est jamais utilisée mais elle serait très utile pour renseigner sur les enchainements des documents. Ainsi si les liens étaient correctement exploités par les navigateurs, le bouton suivant permettrait d'aller à la page suivante de façon automatique.
<META> donne à votre document des informations qui seront lues par le serveur httpd. Ces informations sont généralement votre nom (NAME), le nom de l'auteur (AUTHOR), le contenu (CONTENT), une directive HTTP-EQUIV qui prend souvent la valeur Expires, Keywords, Reply_to. La directive Expires est utilisée par la plupart des navigateurs pour donner une date à partir de laquelle la page ne doit plus être conservée dans le cache de votre logiciel mais bien rechargée sur le serveur à chaque passage sur la page. La directive META sert également à donner la liste des mots clés du document par l'emploi du mot réservé KeyWords :

<ISINDEX PROMPT="chaine"> permet d'afficher un champ recherche comme pour un formulaire mais de façon simplifiée. L'argument optionnel PROMPT permet d'afficher une chaine de caractère.

Ainsi, la page suivante

<HTML>

<HEAD>

</HEAD>

<BODY>

Voici une page d'interrogation très simple

</BODY>

</HTML>

affichera un masque de saisie d'une clé de façon à lancer la requête fichier.htm?cle .

<BASE HREF= ...> donne la base de l'adresse URL qui sera placée devant les références relatives dans le document, de façon à ce que hors contexte les fichiers soient cherchés à l'adresse : BASEadresse relative. Ainsi, <BASE HREF=http://www.pot.fr/> permettra de référencer les adresses du genre toto.html à l'adresse http://www.pot.fr/toto.html

Liens et ancres

Un lien permet de définir une région sensible au clic souris dans un document et en même temps, l'endroit ou l'on va se retrouver après ce clic. Cette adresse peut être un document différent, par exemple, mais également un endroit précis (défini par une ancre) dans le document. La syntaxe générale d'un lien est la suivante :

<A HREF=adresse>texte </A>

<A NAME="signet"> . . . </A> définit un nom de référence, c'est à dire un nom de signet ou d'ancre, qui sera atteint par un lien hypertexte.
<A HREF="#nom de signet"> . . . </A> définit un lien vers un signet dans le document, c'est à dire un lien hypertexte, qui conduira vers un signet après un clic dessus.
<A HREF="URL"> . . . </A> définit un lien vers une URL. Une URL est un lien hypertexte vers un document externe qui peut être situé sur un autre serveur. (Voir la définition dans le chapitre sur les Web)
<A HREF="URL#signet. </A> définit un lien vers un URL au signet défini.

L'argument mailto:adresse permet d'envoyer un courrier électronique à l'adresse correspondante. Ainsi

<A HREF=mailto:mb@ist.ga> texte </A>

permet d'envoyer un courrier électronique à l'utilisateur mb@ist.ga en cliquant sur le mot texte. Cette directive mailto permet de spécifier le champ sujet normalement renseigné dans le courrier par ajoût de l'argument subject sous la syntaxe suivant :

<A HREF="mailto:mb@ist.ga?subject=Sujet"> texte </A>

Balises de structuration du texte

Les balises suivantes permettent de réaliser les structurations de base d'un texte :

Titres et paragraphes : les balises <h1>...</h1> à <h6>...</h6> permettent d'afficher une hiérarchie de titres
Listes : les balises <ul><li>...</li><li>...</li><li>...</li>...</ul> <ol><li>...</li><li>...</li><li>...</li>...</ol> permettent respectivement d'afficher des listes à puces et des listes numérotées
Tableaux : les balises <table><tr><td>...</td><td>...</td>..</tr><tr><td>...</td><td>...</td>..</tr>...</table> permettent l'affichage de tableaux.

Pour des textes simples, les éditeurs de pages HTML permettent de faire cela de façon interactive (wywiwig) et de gérer les nombreuses attributs qui leur sont associés. Cependant, dés lors que l'on veut réaliser des pages dynamiques (générées par des programmes), il convient d'en avoir une connaissance assez détaillée.