4. Le principe de l'Hypertexte (avec HTML)

Technologies Internet et Education, © TECFA
4. Le principe de l'Hypertexte (avec HTML)

A. Construction d'hypertexte = relier des URLs (pages)

Un Hypertexte est construit avec le " Hypertext Markup Language " (HTML)
Tout le monde peut insérer un pointeur dans sa propre page! Le WWW est distribué!
Ce que vous voyez sur une page est le plus fréquemment stocké en HTML dans un fichier sur un serveur (sinon c'est généré par un programme)
On peut écrire des fichiers HTML selon plusieurs méthodes

B. Le langage HTML: un exemple

<HTML>

<HEAD>

<TITLE>Titre de la page</TITLE>

<!-- Changed by: D.K.S., 17-Jul-1996 -->

</HEAD>

<BODY>

<H1>Titre principal</H1>

<H2>Sous-titre</H2>p

Voici une liste:

<UL>  <LI> Element 1

      <LI> Element 2

</UL>

Voici une liste numérotée:

<OL><LI> Element 1 <LI> Element 2</OL>

Voici un paragraphe simple. Vous trouverez des indications concernant HTML dans la page <A HREF="http://tecfa.unige.ch/guides/internet-cours/">"Ecole et Internet"</A>

<p>Le paragraphe suivant n'est pas formatté:

<pre>

Text will not be formatted.

Text will not be formatted.</pre>

<H2>Une petite image en plus ....</H2>

<IMG ALIGN=MIDDLE SRC="/gif/tecfacow-small.gif" ALT="La vache TecfaMOO">

<hr>

<A HREF="http://tecfa.unige.ch/tecfa/general/tecfa-people/schneider.html">

D.K.S.</A></BODY></HTML>

4. Le principe de l'Hypertexte (avec HTML)

A. Construction d'hypertexte = relier des URLs (pages)

B. Le langage HTML: un exemple

Exemple 4-1: Page HTML avec un ancien Netscape:

Exemple 4-2: Page HTML dans Lynx: