Scribd
Importer
32 vues3 pages

TP4 Web2016 - 2017

Le TP n° 4 de l'ISET Charguia vise à enseigner la création de liens hypertextes en HTML5, incluant des liens internes et externes ainsi que l'utilisation d'adresses relatives et absolues. Les étudiants doivent créer un site avec des pages spécifiques et établir des liens entre elles, tout en intégrant la balise base dans l'en-tête. Des exercices pratiques sont fournis pour rectifier et améliorer les pages créées.

Transféré par

eya benali
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
32 vues3 pages

TP4 Web2016 - 2017

Le TP n° 4 de l'ISET Charguia vise à enseigner la création de liens hypertextes en HTML5, incluant des liens internes et externes ainsi que l'utilisation d'adresses relatives et absolues. Les étudiants doivent créer un site avec des pages spécifiques et établir des liens entre elles, tout en intégrant la balise base dans l'en-tête. Des exercices pratiques sont fournis pour rectifier et améliorer les pages créées.

Transféré par

eya benali
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

Etablissement : ISET Charguia Département : Technologies de l’Informatique

Matière : Atelier Dév Web et Multimédia1 Année : 1ère année

TP n° 4 : Autres éléments de HTML5 : Les liens


hypertextes

Objectifs du TP :
- Créer des liens Hypertextes
- Utiliser les liens internes et externes
- Utiliser les adresses relatives, absolues et la balise base.

Exercice 1 :

1) Créer le dossier LeSite qui va contenir toutes les pages et les ressources de votre site :

Sous ce répertoire créer les dossiers suivants :


- Web
- Internet
2) Créer sous le dossier LeSite\ : la page [Link]
Créer sous le dossier LeSite\Web\ : la page [Link]
Créer sous le dossier LeSite\Internet\ : la page [Link]
Ecrire le code HTML nécessaire permettant d’obtenir le contenu et les liens comme indiqués
dans la figure ci-dessous. Utiliser les adresses absolues pour assurer la navigation entre les
pages.

[Link]
[Link]
[Link]

TP4 : Les liens hypertextes 1


3) Utiliser les adresses relatives pour assurer la navigation entre les pages.
4) Sauvegarder votre travail et créer une copie du répertoire sous le nom monSite.
5) Ajouter dans l’entête des pages [Link], [Link] et [Link], la balise
base
Rectifier les différents liens pour tenir compte de cette modification.

Exercice 2

A partir des fichiers du dossier LeSite contenant le texte des différentes pages, rectifier les pages
[Link] et [Link] pour obtenir le résultat suivant :

Figure 1: Page [Link]

Figure 2: Page [Link]

TP4 : Les liens hypertextes 2


NB :
 Dans [Link] : The World Wide Web Consortium permet de renvoyer à l’adresse
du site [Link]
 Contact : permet de faire un lien vers une adresse mail.
 Dans [Link] le lien fonctionnement Web permet de renvoyer au
paragraphe Fonctionnement Web (situé dans la même page)

TP4 : Les liens hypertextes 3

Vous aimerez peut-être aussi