images

Des liens internes.

L'arborescence est la suivante :

A partir du fichier "dans lequel nous écrivons", faire un lien sur chacun des fichiers images visibles dans ce schéma d'arborescence.

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> Liens sur images </title>
    </head>
    <body>
          
           <!-- code à compléter ici -->
         
    </body>
</html>

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> Liens sur images </title>
    </head>
    <body>
          
          <p> Les logos html5, javascript, css3 : 
         <img src="../divers/html5logos.png" alt="logos html5">
          </p>
         
         
          <p> Photo de falaise : 
         <img src="img_images/fal.jpg" alt="falaise">
         </p>
         
         
         <p> Logo css3 :
         <img src="../../fichiers_varies/CSSlogo.png" alt="logo CSS3">
         </p>
         
    </body>
</html>

Lien externe.

Rendez-vous sur le site de l' IREM DE LYON.

Dans le bandeau d'entête se trouve un fichier image, logo de l'irem (IREM avec une tête de lion).

Faire un lien sur ce fichier image de façon à ce qu'il apparaisse ci-dessous :

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> Liens sur images </title>
    </head>
    <body>
          
           <!-- lien sur le fichier image à mettre ici -->
         
    </body>
</html>

Une difficulté : lorsqu'on passe la souris sur le logo de l'irem, l'image qui nous intéresse disparaît et un clic droit sur l'image nous donne uniquement l'adresse de l'autre image...

On peut afficher le code-source de la page (dans firefox : outils/ dévellopements web/ code source de la page) pour avoir l'adresse de l'image demandée.

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> Liens sur images </title>
    </head>
    <body>
           <img src="http://math.univ-lyon1.fr/irem/local/cache-vignettes/L150xH87/siteon0-6bcb8.jpg" alt="logo irem lyon">
           <br>
           <img src="http://math.univ-lyon1.fr/irem/local/cache-vignettes/L150xH113/siteoff0-c4edb.jpg" alt="le crayon">
         
    </body>
</html>