mardi 29 janvier 2008

Le lien hypertexte en language HTML

Définition

Un lien hyertexte permet de passer d'un bout de texte à un autre en un simple clic. Le language HTML nous autorise à réaliser cette opération ( HTML = Hyper Text Markup Language = language pour mettre des balises hypertextes ). Avant d'expliquer la méthode, quelques notions sur le disque dur s'imposent.

Le disque dur

Le disque dur permet de stocker des informations. Il est divisé en plusieurs parties ou disques qui sont notés différement selon les systèmes d'exploitation :
  • Windows : :\ (D:\, C:\,...)
  • Mackintosh : le nom du volume
  • Linux : /
  • ...

Dans chaque disque, on peut trouver des dossiers (ou répertoires ou directorys) qui eux-mêmes peuvent en contenir d'autres et ainsi de suite. Dans les dossiers, on trouve des fichiers. Prenons un exemple qui va être repris pour les explications qui suivent : D:\6GT1\Nom\HTML\index.html

Dans le language HTML, le point désigne le répertoire courant, ./ est pour retourner dans le dossier précédent (ici HTML). Il en est de même si on veut retourner dans Nom, ce sera ../ , dans 6GT1, ../.. . Si il y avait un répertoire ancien nom et qu'un fichier se trouvait dedans il faudrait écrire ../../ancien nom

Le lien hypertexte

  • Si on veut établir un lien hypertexte entre un mot 1 qui se trouve dans f1.html et f2.html, on écrit dans f1 :

<*a href="f2.html">mot1<*/a> Attention, les * sont utilisés pour ne pas créer un lien hypertexte dans le billet. Il en est de même pour les autres exemples. Il faut donc les supprimer.

  • Si f2 est dans le dossier précédent (Nom si on prend l'exemple), on écrit :

<*a href="../f2.html>Mot1<*/a>

  • Si on veut établir un lien hypertexte entre un mot 1 qui se trouve dans f1.html et img.jpg qui se trouve dans le même dossier que f1.html:

<*img src="img.jpg"*/> Si l'image se trouve dans le dossier précédent, il faut ajouter ../

Il suffit de changer l'écriture pour arriver aux résultats voulus.

7 commentaires:

Clément a dit…

Très bon billet, simple à comprendre. Juste deux petites erreurs :

"Dans le language HTML, le point désigne le répertoire courant, ./ est pour retourner dans le dossier précédent (ici HTML)." Langage prend un "u" en anglais mais pas en français. Ce n'est pas le dossier précépent mais le dossier courant dans lequel se trouve le fichier

A la ligne suivante, il y a toujours un slash après les deux points, ../../

Bon billet en général ;)

Romain a dit…

bon billet c'est assez bon relis peut etre une fois

laurence a dit…

bon billet et clair à comprendre ...

Elodie a dit…

bon billet... facile à comprendre et bien structuré!

Thomas P a dit…

bon billet.
quand tu parle du sique dur de mac, tu met "nom du volume", tu pex peut être explquer ce qu'on entend par là!
a+

Auguste a dit…

Ton billet est bien structuré.
Facillement compréhensible.

Robin H a dit…

Une bonne structure et des informations correcte donne un bon billet!