Introduction au html

I. Historique

Le langage HTML tire son origine du langage SGML (Standard Generalized Markup Language). Il s'agit d'un type particulier d'annotations destiné au WWW et qui correspond à une collection de styles reconnaissables par les navigateurs. Un navigateur (en anglais "browser") est donc un logiciel qui interprète à l'écran les commandes HTML contenues dans un document accessible sur le WWW.
Le langage HTML est utilisé sur le WWW depuis 1990.

II. Balises de document pour pages HTML

Il faut d'abord spécifier qu'un document contenant des annotations en HTML n'est rien de plus qu'un fichier texte. Il peut donc être reconnu sans problèmes de conversion d'un environnement à un autre. Une page peut donc être lue et interprétée par n'importe quel navigateur sur n'importe quelle plateforme.
On s'attache ici aux couples de balises <xx> ... </xx > qui servent à délimiter une page HTML et à définir son entête et son corps.

Pour créer un document HTML, il faut insérer les commandes suivantes au début du document:

<HTML> première ligne du document
<head> ouverture de la zone d'entête
<title> titre de la page suivi de </title>
</head> fermeture de la zone d'entête
<body> ouverture du corps du document

Mettre le texte et les images ici

</body> fin du corps du document
</HTML> fin du document HTML

La page ainsi créée pourra servir de maquette et s'affichera ainsi à l'ouverture dans l'éditeur de texte:

<! ....> est une balise de commentaire qui permet d'inclure des informations non affichées dans vos pages.

Rappelons qu'une URL est toujours de la forme : ressource://host.domaine:port/pathname
où la ressource peut être : file, http, news, gopher, telnet, wais ou mailto. Les éléments ressources, port et pathname sont optionnels.

Sur PC un lien à un document constitué par un fichier situé sur un lecteur de disque défini par l'unité c: se fera par l'URL :

<A HREF="file:///c|fichier.htm"> fichier sur c:</A>

Le symbole : est remplacé par | et // est remplacé par /// pour éviter la confusion avec un nom de serveur.

Pour définir les liens URL, généralement en bleu, on utilise la balise <A HREF=....> et pour définir l'endroit ou le signet vers lequel on se rend, on utilise la balise <A NAME=....>.

Enfin le chargement d'un fichier sons, vidéo, compressé peut être fait au moyen de cette même balise de la façon suivante :

<A HREF=fichier>cliquez ici pour charger le fichier</A>
L'argument mailto:adresse permet d'envoyer un courrier électronique à l'adresse correspondante :

<A HREF=mailto:yvon.lui@free.fr> texte </A>

permet d'envoyer un courrier électronique à l'utilisateur yvon.lui@free.fr en cliquant sur le mot texte.