 |
accueil |
 |
Imprimer |
 |
Envoyer à un ami |
Les listes
Les images
GUIDE HTML
Travaux pratiques - les liens -
Mise en forme
Les principaux styles gérés en HTML sont le soulignage,
l'italique et le gras. Ces modificateurs de styles sont définis
par les commandes <U> et </U>, (pour souligner), <I>
et </l>, (en italique) et <B> et </B>. (gras).
Le texte peut être positionné à gauche, au centre,
ou à droite de l'écran. Option ALIGN avec RIGHT (droit),
CENTER (centre) et LEFT (gauche).
Les balises <PRE> et </PRE> permettent d'insérer un
texte telle qu'il a été saisi. Commande qui permet de respecter
le formatage manuel du texte saisi.
Les balises <ADDRESS> et </ADDRESS> spécifie l'auteur
d'un document
La balise <HR> définit une ligne horizontale. Vous pouvez
spécifier sa taille en épaisseur et en longueur. <HR
SIZE =4 WIDTH= « 50% »>
Quelques exemples de balises de mise en page:
<EM> et </EM> Emphase
<STRONG> et <ISTRONG> Forte emphase
<CITE et </CITE> Citation
<VAR> et </VAR> Variable
<KBD> </KBD> Entrée au clavier
<DFN> et </DFN> Définition
<CODE> et </CODE> Code
Les marqueurs <FONT et </FONT> permettent de spécifier
la police. Ex: <FONT FACE= « Arial » SIZE= « 3 »
COLOR = « #000000 » LINK= « #222222 » ALINK= «
#444444 »>
L'argument FACE désigne le type de police, SIZE la taille, (de
1 à 6 ou alors de +1 à +6, de -1 à -6), COLOR pour
le choix de la couleur, LINK pour la couleur des liens hypertextes et
ALINK la couleur des liens déjà visités.
<html>
<head>
<title> Tunisie hors pistes : printemps 2000 </title>
</head>
<body>
<hr size=2 width="90%">
<FONT FACE= "Arial" COLOR ='#400080" LINK="#44ff44"
ALINK="#55ff55"> <center><h1> Automne 2002 </h1></center>
<center><h2> Séjour en Tunisie </h2></center>
<p>  ;</p><br>
<p> C'est un séjour de 9 jours qui comprend votre voyage
Paris / Djerba, ainsi que 8 nuits en résidence hôtelière
et pension complète. </p>
<p> Vous aurez accès à de véritables palaces
ou seul votre confort importera. <br> Nos guides se feront un plaisir
de vous faire découvrir les richesses de la culture tunisienne
ainsi que la beauté des paysages que vous traverserez. </p>
<hr size=2 width="60%">
<p>  ;</p><br>
<dl>
<b><dt> jour 1; <i>Paris l Djerba</i> </b></dt>
<dd> Arrivée à l'aéroport de DJERBA, accueil
et transfert à l'hôtel.</dd>
<dt><b> jour 2 : <i>Djerba </i></b></dt>
,
<dd> Journée libre en pension complète et activités
sportives à l'hôtel (volley, foot, natation, tir à
l'arc, vtt ...)</dd>
<dt> <b>jour 3 : <i>Djerba l Matmata (160 km)</i></b></dt>
<dd> Petit déjeuner et départ matinal en land Rover
pour les Ghorfas de Médenine, en traversant la chaussée
romaine, continuation vers l'oasis maritime de GABES. Déjeuner,
puis visite de l'oasis ainsi que le marché aux épices de
GABES. Continuation vers MATMATA pour la visite de ses habitations troglodytes.
En fin de journée, passage à TAMERZET, KSAR de montagne.
Dîner et logement.</dd>
<dt> <b>jour 4 : <i>Matmata l Ksar Ghîlane (245
km)</i></b></dt>
<dd>Petit déjeuner et départ par la piste jusqu'au
village de TOUJANE, puis visite de KSAR HADDADA. Arrivée à
TATOUINE (visite du marché, puis déjeuner). L'après
midi, visite de CHENINI, et ensuite, traversée du désert
jusqu'à la plus saharienne oasis : KSAR GHILANE, baignade dans
les sources d'eau chaude. Installation au campement nomade, veillée
saharienne et nuit sous tentes.
<dt> <b>jour 5 : <i>Ksar Ghilane l Douz (180 km)</i></b>
<dd> Petit déjeuner et départ par piste jusqu'à
DOUZ, porte du désert, visite de l'oasis des célèbres
dunes, continuation vers l'oasis de ZAAFRANE et déjeuner. L'après
midi, temps libre à l'hôtel, puis promenade à dos
de dromadaire (en option). Dîner et logement à l'hôtel.
</dd>
<dt> <b>jour 6 : <i>Douz / Tozeur (160 km)</i>
</b></dt>
<dd> Petit déjeuner et départ pour la traversée
du Chott El Jerid, célèbre lac salé. Arrivée
à TOZEUR, perle du Jérid, et visite de la vieille ville:
zoo du désert, Musée Dar Chéraït. Déjeuner.
L'après midi, départ pour la découverte de l'oasis
de NEFTA et sa corbeille au 200 000 palmiers. En option, une balade en
calèche dans l'oasis. Retour vers TOZEUR. Dîner et logement
à l'hôtel. </dd>
<dt><b> jour 7 :<i> Tozeur / Djerba (420 km)</i></b></dt>
<dd> Déjeuner. Départ pour la découverte des
oasis de montagne et leur paysage lunaire : CHEBIKA, TMERZA et ses cascades,
les gorges de MIDES. Départ pour la ville de GAFSA. Déjeuner.
Continuation vers GABES et temps libre dans les souks pour shopping. Retour
dans l'île de DJERBA. Dîner et logement à l'hôtel.</dd>
<dt><b>jour 8 : <i>Djerba / Visite de l'île</i>
</b></dt>
<dd> Petit déjeuner et départ pour l'île : Houmt
Souk, la synagogue de Ghriba et le potier "Ali le Berbère"
à GUELLALA . Déjeuner à l'hôtel, puis après-midi
détente à l'hôtel (activités sportives).</dd>
<dt> <b> jour 9 : <i>Djerba l Paris </i></b></dt>
<dd> Déjeuner et transfert à l'aéroport de
DJERBA selon horaires de vol. Assistance à l'embarquement.</dd>
</dl>
<hr size=4 width=”50%”>
<center><address><strong>TAKWIN :</strong><em>agence
de voyages</em><br>route des trois moulins - 44 400 - REZE
- </address> </center>
</font>
</body>
</html>
Les liens
En HTML, il existe deux types de liens : ceux qui sont internes à
un document c'est à dire qu'ils désignent un point précis,
repéré par une balise, dans le corps même du document,
et ceux qui spécifient simplement une autre page HTML, un document
multimédia ou l'accès à un service FTP.
On définit le point vers lequel pointe un lien interne en spécifiant
une étiquette, affectée à une portion de texte, avec
les balises suivantes :
<A NAME= « nom étiquette »> .... </A>.
Pour indiquer un lien vers cette étiquette, on utilise la syntaxe
suivante: <A HREF= « nom étiquette »>.... </A>
<html>
<head>
<title> Tunisie hors pistes : printemps 2000</title>
</head>
<body>
<hr size=2 width="90%">
<FONT FACE= "Arial" COLOR= “#400080" LINK=”#44ff44"
ALINK="#55ff55">
<center><h1> Automne 2002 </h1></center>
<center><h2> Séjour en Tunisie </h2></center>
<p>  ;</p>
<br>
<p> C'est un séjour de 9 jours qui comprend votre voyage
Paris l Djerba, ainsi que 8 nuits en résidence hôtelière
et pension complète. </p>
<p> Vous aurez accès à de véritables palaces
ou seul votre confort importera.<bn Nos guides se feront un plaisir
de vous faire découvrir les richesses de la culture tunisienne
ainsi que la beauté des paysages que vous traverserez. </p>
<hr size= 2 width="60%">
<p> </p>
<b>
<center>
<ul type=”square”>
<li> <a href = "#jour1"> Jour 1 </a> </li>
<li><a href = "#jour2"> Jour 2 </a> </li>
<li><a href = "#jour3"> Jour 3 </a> </li>
<li><a href -- "#jour4"> Jour 4 </a> /li>
<li><a href = "#jour5"> Jour 5 </a> </li>
<li><a href="#jour6"> Jour 6 </a> <li>
<li><a href = "#jour7"> Jour 7 </a> </li>
<li><a href = "#jour8"> Jour 8 </a> </li>
<li><a href = "#jour9"> Jour 9 </a> </li></ul>
</center>
<dl>
<b><dt> <a name= " jour1"> jour 1: </a><i>Paris
l Djerba</i> </b> </dt>
<dd> Arrivée à l'aéroport de DJERBA, accueil
et transfert à l'hôtel.</dd>
<dt><b> <a name =" jour2"> jour 2 :</a>
<i>Djerba </i></b></dt>
<dd> Journée libre en pension complète et activités
sportives à l'hôtel (volley, foot, natation, tir à
l'arc, vtt ...)</dd>
<dt> <b><a name = "jour3">jour 3 : </a><i>Djerba
/ Matmata (160 km)</i></b></dt>
<dd> Petit déjeuner et départ matinal en land Rover
pour les Ghorfas de Médenine, en traversant la chaussée
romaine, continuation vers l'oasis maritime de GABES. Déjeuner,
puis visite de l'oasis ainsi que le marché aux épices de
GABES. Continuation vers MA TMATA pour la visite de ses habitations troglodytes.
En fin de journée, passage à TAMERZET KSAR de montagne.
Dîner et logement.</dd>
<dt> <b><a name = "jour4">jour 4 :</a>
<i>Matmata / Ksar Ghilane (245 km)</i></b>
<dd>Petit déjeuner et départ par la piste jusqu'au
village de TOUJANE, puis visite de KSAR HADDADA. Arrivée à
TATOUINE (visite du marché, puis déjeuner). L'après
midi, visite de CHENINI, et ensuite, traversée du désert
jusqu'à la plus saharienne oasis . </dd>
KSAR GHILANE, baignade dans les sources d'eau chaude. Installation au
campement nomade, veillée saharienne et nuit sous tentes.
<dt> <b><a name = " jour5">jour 5 :</a>
<i>Ksar Ghilane l Douz (180 km)</i></b></dt>
<dd> Petit déjeuner et départ par piste jusqu'à
DOUZ, porte du désert, visite de l'oasis des célèbres
dunes, continuation vers l'oasis de ZAAFRANE et déjeuner. L'après
midi, temps libre à l'hôtel, puis promenade à dos
de dromadaire (en option). Dîner et logement à l'hôtel.
<dt> <b><a name= "jour6">jour 6 : </a></i>Douz
/ Tozeur (160 km)</i> </b></dt>
<dd> Petit déjeuner et départ pour la traversée
du Choff El Jerid, célèbre lac salé. Arrivée
à TOZEUR, perle du Jérid, et visite de la vieille ville
: zoo du désert, Musée Dar Chéraït. Déjeuner.
après midi, départ pour la découverte de l'oasis
de NEFTA et sa corbeille au 200 000 palmiers. En option, une balade en
calèche dans l'oasis. Retour vers TOZEUR. Dîner et logement
à l'hôtel.</dd>
<dt><b> <a name = "jour7">jour 7 :</a><i>
Tozeur l Djerba (420 km)</i></b></dt>
<dd> Déjeuner. Départ pour la découverte des
oasis de montagne et leur paysage lunaire : CHEBIKA, TMERZA et ses cascades,
les gorges de MIDES. Départ pour la ville de GAFSA. Déjeuner.
Continuation vers GABES et temps libre dans les souks pour shopping. Retour
dans l'île de DJERBA. Dîner et logement à l'hôtel.</dd>
<dt> <b><a name = "jour8">jour 8 : </a><i>Djerba
l Visite de île</i> </b></dt>
<dd> Petit déjeuner et départ pour l'île : Houmf
Souk, la synagogue de Ghriba et le potier "Ali le Berbère"
à GUELLALA . Déjeuner à l'hôtel, puis après-midi
détente à l'hôtel (activités sportives).
<dt> <b> <a name ="jour9">jour 9 : </a><i>Djerba
l Paris </i></b></dt>
<dd> Déjeuner et transfert à l'aéroport de
DJERBA selon horaires de vol. Assistance à l'embarquement.</dd>
</dl>
<hr size=4 widfh= " 50%">
<center><address><strong>TAKWIN :</strong><em>agence
de voyages</em>
<br> route des trois moulins - 44 400 - REZE - </address>
</center>
</font>
</body>
</html>
Considérons maintenant le cas d'un lien externe, il suffit en
fait de reprendre la syntaxe rencontrée ci dessus pour définir
un lien, en remplaçant le label par une URL soit:
< A HREF= « URL »>....</A>
Ex : ON va scinder notre exemple en dix fichier HTML : une page d'accueil
et une page par journée.
Page d'accueil:
<html>
<head>
<title> Tunisie hors pistes : printemps 2000 </title>
</head>
<body>
<hr size=2 width="90%">
<FONT FACE = "Arial" COLOR ="#400080" LINK="#44ff44"
ALINK="#55ff55"> <center><h1> Automne 2002 <h1></center>
<center><h2> Séjour en Tunisie </h2></center>
<p>  ;</p><br>
<p> C'est un séjour de 9 jours qui comprend votre voyage
Paris l Djerba, ainsi que 8 nuits en résidence hôtelière
et pension complète. </p>
<p> Vous aurez accès à de véritables palaces
ou seul votre confort importera.<br> Nos guides se feront un plaisir
de vous faire découvrir les richesses de la culture tunisienne
ainsi que la beauté des paysages que vous traverserez. </p>
<hr size=2 width="60%"> <p></p><br>
<center>
<ul type= "square">
<li> <a href = "#jour/jour1.htm"> Jour 1 </a></li>
<li> <à hre f ="#jour/jour2.hfm"> Jour 2
</a></li>
<li> <a hre f = "#jour/jour3.htm"> Jour 3 </a></li>
<li> <a href = "#jour/jour4.hfm"> Jour 4 </a></li>
<li> <a href = "#jour/jour5.hfm"> Jour 5 </a></li>
<li> <a hre f = "#jour/jour6.htm"> Jour 6 </a></li>
<li> <a href = "#'jour/jour7htm"> Jour 7 </a></li>
<li> <a href = "#jour/jour8.hfm"> Jour 8 </a></li>
<li> <a href = "#jour/jour9.htm"> Jour 9 </a></li>
</ul>
</center>
<hr size=4 width= "50%">
<center><address> <strong> TAKWIN:</strong><em>
agence de voyages</em><br>
route des trois moulins - 44 400 - REZE - </address> </center>
‹/font>
</body> </html>
Jour 1 :
<html>
<head> <title> Tunisie hors pistes : printemps 2000 journée
1 </title>
</head>
<body>
<hr size=2 width="90%">
<FONT FACE= "Arial" COLOR =”#400080" LINK="#44ff44"
ALINK="#55ff55">
<p>
<center><h1> jour 1: <Paris / Djerba<li></h1></center></p>
<p>
Arrivée à l'aéroport de DJERBA, accueil et transfert
à l'hôtel. </p>
<p>
<hr size=4 width=“50%”>
<center><address><strong>TAKWIN :</strong><em>agence
de voyages</em>
<br> route des trois moulins - 44 400 - REZE - </address>
</center>
</font>
</body> </html>
Jour 2 :
<html>
<head>
<title> Tunisie hors pistes: printemps 2000 journée 2</title>
</head>
<body>
<hr size=2 width="90%">
<FONT FACE= "Arial" COLOR ="#400080" LINK="#44ff44"
ALINK="#55ff55">
<p>
<center><h1> jour 2 : <i>Djerba </i></h1></center>
</p>
<p>
Journée libre en pension complète et activités sportives
à l'hôtel (volley, foot, natation, tir à l'arc, vtt
...)
</p>
<p> </p>
<hr size=4 width=”50%”>
<center><address><strong>TAKWIN :</strong><em>agence
de voyages</em>
<br> route des trois moulins - 44 400 - REZE - </address>
</center>
</font>
</body> </html>
Jour 3:
<html>
<head>
<title> Tunisie hors pistes: printemps 2000 journée 3</title>
</head>
<body>
<hr size=2 width="90%”>
<FONT FACE = "Arial" COLOR ="#400080" LINK="#44ff44"
AL1NK="#55ff55">
<center> <h1>jour 3:<i>Djerba / Matmata (160 km)</i></h1></center>
<p>
Petit déjeuner et départ matinal en land Rover pour les
Ghorfas de Médenine, en traversant la chaussée romaine,
continuation vers l'oasis maritime de GABES. Déjeuner, puis visite
de l'oasis ainsi que le marché aux épices de GABES. Continuation
vers MATMATA pour la visite de ses habitations troglodytes. En fin de
journée, passage à TAMERZET, KSAR de montagne. Dîner
et logement.
<hr size=4 width=“50%”>
<center><address> <strong> TAKWIN:</strong><em>
agence de voyages</em><br>
route des trois moulins - 44 400 - REZE - </address> </center>
</font>
</body>
</html>
Jour 4 :
<html>
<head>
<title> Tunisie hors pistes.- printemps 2000 journée 4 </title>
</head>
<body>
<hr size=2 width="90%">
<FONT FACE ="Arial" COLOR ='#400080" LINK='#44ff44"
ALINK="#55ff55">
<center><h1> jour 4: <i>Matmata l Ksar Ghilane (245km)<li></h1></center>
<p>Petit déjeuner et départ paria piste jusqu'au village
de TOUJANE, puis visite de KSAR HADDADA. Arrivée à TATOUINE
(visite du marché, puis déjeuner). L'après midi,
visite de CHENINI, et ensuite, traversée du désert jusqu'à
la plus saharienne oasis : KSAR GHILANE, baignade dans les sources d'eau
chaude. Installation au campement nomade, veillée saharienne et
nuit sous fentes</p>
<hr size=4 width="50%”>
<center› <address><strong>TAKWIN:</strong><em>agence
de voyages</em>
<br>route des trois moulins - 44 400 - REZE - </address> </center>
</font>
</body></html>
Jour 5:
<html>
<head> <title> Tunisie hors pistes: printemps 2000 journée
5 </title> </head>
<body>
<hr size=2 width="90%">
<FONT FACE = "Arial" COLOR ="#400080" LINK="#44ff44"
ALINK="#55ff55">
<center><h1> jour 5: <i>Ksar Chilane / Douz (180km)</i></h1></center>
<p>Pefit déjeuner et départ par piste jusqu'à
DOUZ, porte du désert, visite de l'oasis des célèbres
dunes, continuation vers l'oasis de ZAAFRANE et déjeuner. L'après
midi, temps libre à l'hôtel, puis promenade à dos
de dromadaire (en option). Dîner et logement à l'hôtel.</p>
<hr size=4 width= "50%">
<center><address><strong>TAKWIN :</strong><em>
agence de voyages</em>
<br> route des trois moulins - 44 400 - REZE - </address>
</center>
</font>
</body>
</html>
Jour 6:
<html>
<head>
<title> Tunisie hors pistes.- printemps 2000 journée 6 </title>
</head>
<body>
<hr size=2 widfh="90%">
<FONT FACE="Arial" COLOR ="#400080" LINK="#44ff44"
ALINK="#55ff55">
<center><h1> jour 6 : <i>Douz / Tozeur (160 km)</i>
</h1></center>
<p>Petit déjeuner et départ pour la traversée
du Chott El Jerid, célèbre lac salé. Arrivée
à TOZEUR, perle du Jérid, et visite de la vieille ville
: zoo du désert, Musée Dar Chérait. Déjeuner.
Après midi, départ pour la découverte de l'oasis
de NEFTA et sa corbeille au 200 000 palmiers. En option, une balade en
calèche dans l'oasis. Retour vers TOZEUR. Dîner et logement
à l'hôtel.</p>
<hr size=4 width= "50%">
<center><address><strong>TAKWIN :</strong><em>agence
de voyages</em>
<br> route des trois moulins - 44 400 - REZE - </address>
<lcenter>
</font>
</body>
</html>
Jour 7:
<html>
<head>
<title> Tunisie hors pistes: printemps 2000 journée 7</title>
</head>
<body>
<hr size=2 width="90%">
<FONT FACE= "Arial" COLOR ="#400080" LINK="#44ff44"
ALINK="#55ff55">
<center><h1> jour 7:<Λ Tozeur l Djerba (420
km)</i></h1></center>
<p> Déjeuner. Départ pour la découverte des
oasis de montagne et leur paysage lunaire : CHEBIKA, TMERZA et ses cascades,
les gorges de MIDES. Départ pour la ville de GAFSA. Déjeuner.
Continuation vers GABES et temps libre dans les souks pour shopping. Retour
dans l'île de DJERBA. Dîner et logement à l'hôtel.
</p> <p> <hr size=4 width= “50%”>
<center><address><strong>TAKWIN :</strong><em>agence
de voyages</em>
<br>route des trois moulins - 44 400 - REZE - </address> </center>
</font>
</body>
</html>
Jour 8:
<html>
<head>
<title> Tunisie hors pistes: printemps 2000 journée 1 </title>
</head>
<body>
<hr size=2 widfh="90%">
<FONT FACE= "Arial" COLOR ="#400080" LINK="#44ff44"
ALINK="#55ff55">
<center><h1> jour 8 : <i>Djerba / visite de l'île</i>
</h1>
<p> Petit déjeuner et départ pour l'île : Houmt
Souk, la synagogue de Ghriba et le potier "Ali le Berbère"
à GUELLALA. Déjeuner à l'hôtel, puis après-midi
détente à l'hôtel (activités sportives).
</p>
<hr size=4 width=”’50%”>
<center><address> <strong> TAKWIN:</strong><em>
agence de voyages</em>
<br>route des trois moulins - 44 400 - REZE - </address> </center>
</font>
</body>
</html>
Jour 9:
<html>
<head>
<title> Tunisie hors pistes : printemps 2000 journée 9 </title>
</head>
<body>
<hr size=2 width="90%">
<FONT FACE ="Arial" COLOR ="#400080" LINK="#44fi44"
ALINK="#55ff55">
<center><h1> jour 9:<i>Djerba / Paris </i></h1></center>
<p> Déjeuner et transfert à l'aéroport de DJERBA
selon horaires de vol. Assistance à l'embarquement.
</p> <p> <hr size=4 width= "50%">
<center><address><strong>TAKWIN :</strong><em>
agence de voyages</em>
<br> route des trois moulins - 44 400 - REZE - </address>
</center>
</font>
</body>
</html>