Formation I.S.N.

Naviguer dans une arborescence

De manière générale, un site internet (voire le web dans son intégralité) peut être représenté comme un répertoire (un dossier) contenant des fichiers et/ou des dossiers :

Pour «passer» d'une page web à une autre, pour afficher des images sur ces pages ou pour télécharger des documents à partir d'un site, il faut créer des liens hypertext entre ces fichiers en déclarant leur URL (Uniform Resource Locator).

Différents liens pour différents usages

Ces «adresses web» construisent une arborescence. Cette arborescence indique comment ces fichiers et ces dossiers sont reliés entre eux.
Trois types de liens :

  • Les liens absolus sont utilisés en général comme lien vers les fichiers externes au site;
  • Un lien relatif (lien interne) renvoie vers un fichier contenu dans son propre site ;
  • Un lien intra-page renvoie vers une autre partie de la même page web.

Déclarer les liens dans un fichier .html

Voici trois balises très utiles en Html qui prennent pour attribut des URL :

Afficher une image

On utilise <img> qui est une balise marqueur de type bloc. La syntaxe est :

Le texte alternatif ne s'affiche que si l'image ne s'affiche pas (problème de connexion, lien erroné, choix du visiteur du site...). Ne pas indiquer cet attribut est détecté comme une erreur par le w3 validator.

Lien hypertexte pour se déplacer vers une autre page

<a> désigne une ancre. Par exemple, ce lien vers la page d'accueil a pour syntaxe :

Lien vers le fichier .css

On importe un fichier (de mise en forme) .css en se plaçant entre les balises <head> et </head>. Pour cela, on utilise la balise marqueur <link> en respectant la syntaxe :