LE LANGAGE HTML

 

C'est le langage de description des pages hypertextes présentent sur les serveurs Web. Il est composé d'un ensemble de balises (tags) qui détermine une action sur le texte. Chaque balise est entourée du signe inférieur à < (signe d'ouverture de la balise) et du signe supérieur à > (signe de fermeture de la balise).

Les balises sont souvent appairées mais pas toujours : le tag <BR> (pour saut de ligne) ne nécessite pas un tag de fermeture. Ces balises peuvent s'écrire indifféremment en majuscules ou en minuscules. Le tag de fermeture est identique à celui d'ouverture mais il est précédé d'une barre oblique (slash : /).

Exemple : pour mettre un texte en italique le tag d'ouverture est <I>, le tag de fermeture est </I> ; soit <I>texte</I>.

 

 

 

ÉLÉMENTS DE BASE D'UNE PAGE HTML


Une page HTML commence par l'instruction <html> et se termine toujours par l'instruction </html>.
Elle comprend, entre ces deux instructions, deux blocs : l'en-tête (header) et le body.

 

 

I. L'EN-TÊTE ou HEADER
Le header sert à signaler la page sur le Web et donner les informations nécessaires concernant cette page. Les robots traitent, pour la recherche documentaire, les éléments significatifs écrits dans le titre et les balises META de l'en-tête.

L'en-tête commence par le tag <HEAD> et finit par le tag </HEAD>

A. Le titre de la page.
Il est compris entre les tags <TITLE> et </TITLE>. Il doit être clair et précis. L'importance du titre provient du fait que les programmes de recherche du WWW alimentent, en partie, leurs bases de données à partir du titre des fichiers HTML.

B. Les balises META
Les balises META permettent d'inclure dans le document des informations qui ne sont pas définies par des balises HTML.

B.1. La balise META NAME="description"
C'est une étiquette description pour les moteurs de recherche comme Altavista.
Exemple : <META NAME="description" CONTENT="Cette page est une explication du langage HTML">

B.2. La balise META NAME="keywords"
C'est une étiquette pour la recherche par mots-clés comme le fait le spider (robot) d'infoseek.
<META NAME="keywords" CONTENT="langage, html, langage html">
Les mots clés et la description sont indexés puis stockés dans les bases de données des moteurs de recherche et des robots.

 

 

II. LE BODY
Les balises <BODY> et </BODY>délimitent le corps de la page où on écrit le texte, les titres, les liens, les références graphiques. Au début de la section, on peut définir certains attributs comme la couleur et le fond de la page concernée.

 

Les liens hypertextes

HTML offre la possibilité de lier un texte vers un autre document (ou une section de document). Le marqueur, qui spécifie le départ et l'arrivée d'un lien hypertexte, s'appelle une ancre.

Lien vers un document distant

<a href="URL"> texte cliquable </A>

Lien vers un document local

<a href="nom de fichier"> texte cliquable </A>

Lien vers une partie d'un document distant

Il faut poser une étiquette dans le document à l'aide d'une ancre pour définir le point de branchement :
<a name="étiquette"> étiquette de branchement </A>
Ensuite on crée le lien vers cette étiquette :
<A HREF="URL#étiquette"> texte cliquable </A>

Lien vers une partie du document courant

On pose une étiquette dans le document courant à l'aide d'une ancre pour définir le point de branchement :
<a name="étiquette"> étiquette de branchement </A>
Ensuite on crée le lien vers cette étiquette :
<A HREF="#étiquette"> texte cliquable </A>. Le nom du fichier est alors facultatif.

 

 

 

Chaque document HTML est sauvegardé dans un fichier .htm