Question

Créez le fichier HTML suivant.

1
<!DOCTYPE html>
2
<html>
3
  <body>
4
    <p> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. </p>
5
    <p> La balise a permet de lier deux blocs d'une page entre eux. </p>
6
    <p> In eleifend aliquet laoreet. Sed sed mi eu diam porta condimentum. Nam id ex urna. Aenean vitae purus sollicitudin, accumsan neque et, finibus purus. Duis a pulvinar erat. Sed eu ex at massa aliquam imperdiet quis eget ipsum. Maecenas tempus nisi id nisi fermentum, eget sodales nunc blandit. Aenean placerat semper augue, sit amet tincidunt nunc vestibulum ac. Aenean interdum sed elit at rutrum. Etiam venenatis massa urna, quis gravida mauris placerat non. Sed vulputate auctor urna in vestibulum. In porta consequat quam, auctor molestie justo vehicula at. Curabitur at rhoncus urna, at ultrices ipsum. Nulla vehicula ex eget enim imperdiet, sit amet tempus enim feugiat. </p>
7
    <p> Nulla posuere vestibulum mauris. Phasellus tincidunt faucibus velit, nec cursus dui congue a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur vel porttitor velit. Phasellus non diam tellus. Etiam bibendum interdum tellus, sit amet rutrum metus iaculis non. Praesent condimentum eleifend eros quis commodo. Nam porta consequat ligula, sed feugiat libero pulvinar et. Duis a odio dapibus, tempor dolor sit amet, iaculis purus. Suspendisse scelerisque condimentum lacus, in elementum quam consequat a. Duis lectus ipsum, sagittis et arcu id, eleifend posuere nibh. Nulla facilisi. Nunc quis aliquet eros. Phasellus scelerisque lobortis auctor. </p>
8
    <p> Lier : Attacher, fixer au moyen d'un lien. (TLFi) </p>
9
  </body>
10
</html>

Question

Faites en sorte que le premier lier situé dans le second paragraphe fasse un lien vers le second lier situé dans le dernier paragraphe.

Solution

1
<!DOCTYPE html>
2
<html>
3
  <body>
4
    <p> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. </p>
5
    <p> La balise a permet de <a href='#lier'> lier </a> deux blocs d'une page entre eux. </p>
6
    <p> In eleifend aliquet laoreet. Sed sed mi eu diam porta condimentum. Nam id ex urna. Aenean vitae purus sollicitudin, accumsan neque et, finibus purus. Duis a pulvinar erat. Sed eu ex at massa aliquam imperdiet quis eget ipsum. Maecenas tempus nisi id nisi fermentum, eget sodales nunc blandit. Aenean placerat semper augue, sit amet tincidunt nunc vestibulum ac. Aenean interdum sed elit at rutrum. Etiam venenatis massa urna, quis gravida mauris placerat non. Sed vulputate auctor urna in vestibulum. In porta consequat quam, auctor molestie justo vehicula at. Curabitur at rhoncus urna, at ultrices ipsum. Nulla vehicula ex eget enim imperdiet, sit amet tempus enim feugiat. </p>
7
    <p> Nulla posuere vestibulum mauris. Phasellus tincidunt faucibus velit, nec cursus dui congue a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur vel porttitor velit. Phasellus non diam tellus. Etiam bibendum interdum tellus, sit amet rutrum metus iaculis non. Praesent condimentum eleifend eros quis commodo. Nam porta consequat ligula, sed feugiat libero pulvinar et. Duis a odio dapibus, tempor dolor sit amet, iaculis purus. Suspendisse scelerisque condimentum lacus, in elementum quam consequat a. Duis lectus ipsum, sagittis et arcu id, eleifend posuere nibh. Nulla facilisi. Nunc quis aliquet eros. Phasellus scelerisque lobortis auctor. </p>
8
    <p id='lier'> Lier : Attacher, fixer au moyen d'un lien. (TLFi) </p>
9
  </body>
10
</html>
Stéphane Crozat Paternité - Partage des Conditions Initiales à l'Identique