Lien Hypertexte.: La Structure Du Fichier

Conception WWW : le HTML
Conception Web : HTML exercice n°08.
Lien Hypertexte.
Nous allons concevoir le fichier html.
Nom du fichier : test_lienhypertexte.html
Dossier de stockage : essai
Objectifs du travail : gestion des liens hypertextes et listes imbriquées.
Le fichier test_lienhypertexte.html
La structure du fichier.
Information technique.
À partir du texte suivant :
TESTS de gestion de liens hypertextes
liens de bases
lien sur un autre document du site (même dossier)
lien sur un autre document du site (vers un fichier d'un sous dossier)
lien sur un autre document du site (vers un fichier d'un dossier de niveau supérieur)
lien interne à un document
lien vers une URL externe au site
liens spécifiques
lien vers un document propriétaire word
lien vers un document propriétaire excel
lien vers un document une archive zip (fichier compressé)
lien vers un fichier exécutable (fichier autoextractible)
lien de messagerie
lien ciblé (nouvelle fenêtre)
nous allons concevoir le document html correspondant de première visualisation :
Eric CREPIN : eric.crepin@ac-nancy-metz.fr page 1

Code HTML de la page.

Écrire le code html correspondant à la visualisation précédemment présentée du document
test_lienhypertexte.html en prenant soin d'intenter le code html de telle façon à garder une
bonne visibilité de celui-ci en prévision d'une évolution possible (faciliter la maintenance).
Premier lien hypertexte.
 Récupérer au préalable la structure du site et les fichiers associés et copier le tout à

la racine de votre site
Définition.
Fournir une définition de : lien hypertexte.
Construction du premier lien hypertexte.

Après avoir récupéré la structure du site et copié les fichiers à la racine de votre zone de
travail.
A partir du texte lien sur un autre document du sites (même dossier) établir le lien
hypertexte vers le fichier : test_lienhypertexte1simple.html
<A HREF="test_lienhypertexte1simple.html">
lien sur un autre document du sites
</A>
(même dossier)
Vous testerez le lien hypertexte ainsi défini.
Analyse du code html.

Définir le rôle des attributs de la balise <A>
HREF
TARGET
TITLE
NAME
Construction du lien de retour.

Modifier le code html du fichier test_lienhypertexte1simple.html
A partir du texte lien de retour au fichier d'origine établir un lien hypertexte vers le fichier
test_lienhypertexte.html

Correction.
La structure du fichier.
Code HTML de la page.


<HTML>
<HEAD>
<TITLE>Les liens hypertextes</TITLE>
<META NAME="Description" CONTENT="étude et conceptions de liens hypertextes">
<META NAME="Keywords" CONTENT="lien,hypertexte,dynamisme,document,html">
<META NAME="Author" CONTENT="Eric CREPIN">
<META NAME="Generator" CONTENT="WebExpert">
</HEAD>
<BODY BGCOLOR="#00FFFF" TEXT="#000000" LINK="#000080" VLINK="#800080"
ALINK="#FF0000">
TESTS de gestion de
liens hypertextes
<OL>
<LI>liens de bases</LI>
<UL>
<LI>lien sur un autre document du sites (même dossier)
<LI>lien sur un autre document du sites (vers un fichier d'un sous dossier)
<LI>lien sur un autre document du sites (vers un fichier d'un dossier de
niveau supérieur)
<LI>lien interne à un document
<LI>lien vers une URL externe au site
</UL>
<LI>liens
spécifiques</LI>
<UL>
<LI>lien vers un document propriétaire word
<LI>lien vers un document propriétaire excel
<LI>lien vers un document une archive zip (fichier compressé)
<LI>lien vers un fichier exécutable (fichier autoextractible)
<LI>lien de messagerie
<LI>lien ciblé (nouvelle fenêtre)
</UL>
</OL>
</BODY>
</HTML>
Premier lien hypertexte.

Définition.
Fournir une définition de : lien hypertexte.
Un lien hypertexte est une zone réactive dynamique (texte ou image) qui permet par un clic
de souris dans document html source de charger un autre document cible dans le navigateur
WWW.

Analyse du code html.

Définir le rôle des attributs de la balise <A>
HREF HREF=URL
Spécifie un lien externe ou interne (avec un # au début) URL.
TARGET TARGET=cible
Il est possible d'associer un nom pour chaque fenêtre de la commande
CADRE (FRAME).
Ceci permet de définir un cadre comme cible d'un lien hypertexte.
TITLE TITLE=nom
Spécifie une description supplémentaire en indice sous forme d’une
info-bulle lorsque l'usager passe le curseur de la souris sur le texte de
la balise.
NAME NAME=nom
Nom identificateur du lien pour manipulation dans les scripts.
Permet de définir une ancre locale dans le cas de lien hypertexte
interne
Construction du lien de retour.


<HTML>
<HEAD>
<META NAME="Author" CONTENT="Eric CREPIN">
<META NAME="Generator" CONTENT="WebExpert">
</HEAD>
<BODY>
TESTS de gestion de
liens hypertextes
Page appelée par le
lien lien sur un autres documents du sites (même dossier)
<A HREF="test_lienhypertexte.html">lien de retour au fichier d'origine</A>

</BODY>
</HTML>
visualisable dans un navigateur WWW

Lien Hypertexte.: La Structure Du Fichier

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Lien Hypertexte.: La Structure Du Fichier

Transféré par

Droits d'auteur :

Formats disponibles

Conception WWW : le HTML

Conception Web : HTML exercice n°08.

Objectifs du travail : gestion des liens hypertextes et listes imbriquées.

Eric CREPIN : eric.crepin@ac-nancy-metz.fr page 1

Code HTML de la page.

Premier lien hypertexte.

 Récupérer au préalable la structure du site et les fichiers associés et copier le tout à

Construction du premier lien hypertexte.

Analyse du code html.

Construction du lien de retour.

Eric CREPIN : eric.crepin@ac-nancy-metz.fr page 2

Premier lien hypertexte.

Eric CREPIN : eric.crepin@ac-nancy-metz.fr page 3

Analyse du code html.

Construction du lien de retour.

<A HREF="test_lienhypertexte.html">lien de retour au fichier d'origine</A>

Eric CREPIN : eric.crepin@ac-nancy-metz.fr page 4

Vous aimerez peut-être aussi