Titre exemple  Liens  Suivant Précédent Accueil

Tout document d'une certaine consistance se doit de présenter, par exemple dans la table des matières, les différents niveaux de son exposé. Html a disposé dès son origine d'outils spécialement conçus à cet effet.

En-têtes [Heading] <Hn></Hn>
avec n=1 à 6
Afficher une en-tête de niveau n et
sauter une ligne
Liste non-ordonnée [Bullet list] <UL></UL> Afficher le texte sous forme d'une
liste non-ordonnée.
Liste ordonnée [Numbered
list]
<OL></OL> Afficher le texte sous forme d'une
liste ordonnée.
Élément de liste [List items] <LI> Voici un élément de la liste
Paragraphe [Paragraph] <P></P> Saut de ligne, insérer une ligne
vierge et commencer un paragraphe

Comme d'habitude...
Ouvrez l' éditeur de texte et saisissez ces lignes:

<H1>Les mois du printemps</H1>
<UL><LI>avril
<LI>mai
<LI>juin</UL>
<P>
<H3>Les mois d'automne</H3>
<OL><LI>octobre
<LI>novembre
<LI>d&eacute;cembre</OL>

Ouvrez le browser et appelez la page:

  Commentaires :

  1. &eacute; est l'un de ces caractères spéciaux utilisés pour représenter le é. Les éditeurs Html vous déchargeront de cette corvée.

  2. Les paragraphes et les en-têtes peuvent s'aligner à gauche, au centre ou à droite.
    <H1 align=left></H1>
    <P align=left></P>
    <H1 align=center></H1>
    <P align=center></P>
    <H1 align=right></H1>
    <P align=right></P>

  3. Les listes peuvent s'imbriquer:
<H4>Les 12 mois</H4>
<UL><LI>Les mois du printemps
<OL><LI>avril
</OL></UL>



 
  Rappel: Html (Hyper Text Markup Language) est un langage hypertexte
(et hypergraphique) qui vous permet en cliquant sur un mot, généralement souligné (ou une image) de vous transporter:

vers un autre endroit du document.
vers un autre fichier Html situé sur votre ordinateur.
vers un autre ordinateur situé sur le Web.

Ce système d'hypertexte vous est familier car il est également utilisé par les fichiers d'aide de Windows. Ce sont ces liens qui vous permettent de surfer de page en page et qui constituent l'essence des documents Html.

La syntaxe de ces liens entre plusieurs pages, est simple mais entraînera de nombreux commentaires :

<A HREF="URL ou Adresse">...</A>

  Lien externe:

Tout ordinateur situé sur le réseau Internet possède une adresse ou une URL (Universal Ressource Locator). Html permet d'accéder à toutes les machines et toutes les ressources du Net. Pour peu qu'Internet vous soit un peu familier, ce sont les adresses du type :

http://serveur/chemin.../fichier
ftp://serveur/chemin.../fichier
mailto:utilisateur@hôte

  Lien local:

L'organisation classique et plus que conseillée d'un site Web consiste à regrouper l'ensemble des éléments de celui-ci (fichiers htm, images, ...) dans un même répertoire. Vous pourrez ainsi "transporter" aisément votre site pour le présenter sur un autre ordinateur et ,but ultime, le charger sur un serveur. Cette façon de procéder est la plus aisée et vous évitera pas mal de problèmes. L'adresse du lien sera alors tout simplement

fichier.htm

  Lien mixte:

Nous entendons par là un lien vers un fichier situé à un autre endroit de votre ordinateur (et donc non situé dans le répertoire de votre site). 
 Important:
Il est peut probable que le serveur Web qui hébergera votre site, possède la même arborescence que votre disque local. L'adresse prendra la forme

file:///lecteur:/répertoire/fichier.htm (en adressage absolu).
../../../fichier.htm (en adressage relatif).

Cette matière d'adressage absolu et relatif dépasse le cadre de cet exposé et je vous invite en cas d'utilisation à vous plonger dans la documentation relative à ce sujet.

  Faisons ensemble cette experience:


 Avec l'éditeur de texte, créons 2 fichiers html:

le fichier 1.htm:
<A HREF="2.HTM">Aller vers le document 2</A>

le fichier 2.htm:
<A HREF="1.HTM">Retour au document 1</A>

Enregistrons  ces deux fichiers dans un même répertoire.

L'editeur nous affichera ceci:

             

            

Des liens peuvent aussi pointer vers un endroit précis du même document ou d'un autre fichier. C'est ce qu'on appelle les ancres, ancrages ou pointeurs [Anchor].

Point d'ancrage <A NAME="***">...</A> Ceci est une cible
Lien vers une ancre
dans la même page
<A HREF="#***">...</A> Lien vers la cible ***
dans la même page

Lien vers une ancre
dans une autre page
<A HREF="URL#***">...</A> Lien vers la cible ***
dans une autre page

A titre d'illustration, le titre" Les Liens"  en début de paragraphe  a été défini comme un point d'ancrage.

<A NAME="hyperText">... Enfin! ...</A>

Le code du lien sera :

<A HREF="#hyperText">Rappel de la notion d'hypertexte</A>

 Testez le ci-dessous:

Définition d'hypertexte

Plusieurs liens à l'intérieur d'un même document supposent que ce document présente une certaine longueur sinon une longueur certaine (et donc un temps de chargement assez long). Ainsi, on préférera généralement à cette technique le découpage d'un longue page en un ensemble de plusieurs pages de dimension plus réduite.

Google
<