Médiaforma

Guide de survie – Liens hypertextes

Print Friendly, PDF & Email

Les différents types de liens hypertextes

Tester le code


<!DOCTYPE html>
<html>
  <head>
    <meta charset=UTF-8" />
    <title>Liens hypertextes</title>
  </head>
  <body>
    <a href="http://www.mediaforma.com/category/formations/windows-7/">Cliquez ici pour accéder à la formation vidéo sur Windows 7 du site Mediaforma</a><br>
    <a href="mailto:lem.korp@free.fr">Cliquez ici pour envoyer un e-mail à Michel Martin</a>
  </body>
</html>

Mise en forme des liens hypertexte

Tester le code


<!DOCTYPE html>
<html>
  <head>
    <meta charset=UTF-8" />
    <title>Mise en forme des liens hypertextes</title>
    <style>
      a.type1 {color: red; text-decoration: none; }
      a.type1:visited {color: blue; text-decoration: underline; }
      a.type2 {color: blue; text-decoration: overline; }
      a.type2:visited {color: red; text-decoration: none; }
      a.type3 {color: red; text-decoration: overline underline; }
      a.type3:visited {color: blue; text-decoration: overline; }
      a.type4 {color: blue; text-decoration: line-through; }
      a.type4:visited {color: red; text-decoration: underline; }
    </style>
  </head>
  <body>
    <a href="http://www.page1.fr" class="type1">Lien vers la page 1</a>
    <a href="http://www.page2.fr" class="type2">Lien vers la page 2</a>
    <a href="http://www.page3.fr" class="type3">Lien vers la page 3</a>
    <a href="http://www.page4.fr" class="type4">Lien vers la page 4</a>
  </body>

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.