Ajouter des hyperliens
Pour permettre à vos visiteurs de naviguer, vous devez insérer des hyperliens. Il en existe de deux types :
- Lien externe
- Renvoi vers une autre page que la page courante.
- Lien interne
- Renvoi vers un autre point dans la page courante.
Les deux types de liens sont définis par les balises
<a></a>. Seuls les attributs permettent de les différencier.
Insérer un lien externe
Pour insérer un lien externe, il faut utiliser l'attribut href qui contient le URL de
la page de destination.
Insérer un hyperlien externe en modifiant votre code de la façon suivante :
<html>
<head>
<title>Ma première page web</title>
</head>
<body>
<h1>Ma première page</h1>
<h5>Bienvenue à tous!</h5>
<p>Bonjour et bienvenue sur ma première page web.</p>
Je m'appelle André, j'ai 45 ans et j'habite l'arrière pays. <br><br>
Ce sont mes premiers pas sur le web et je trouve ça facile d'écrire en HTML!<br><br>
Voici mon humble demeure :<br><br>
<img src="maison.jpg" alter="ma charmante maison"> <br><br> <br><br>
Cliquez <a href="http://www.webdonline.com">ici</a> pour accéder à mon
site internet favori. <br><br> <br><br>
</body>
</html>
Allez tester votre lien dans le navigateur.
Insérer un lien interne
Un lien interne est composé de deux éléments, une ancre et un lien. L'ancre sert de destination
au lien.
L'ancre est définie par l'attribut name, tandis que le lien utilise href. Au
contraire du lien externe, qui appèle le URL de la page de destination, on indique le nom de l'ancre
comme destination.
Insérez un hyperlien interne en modifiant le code de votre page de la façon suivante :
<html>
<head>
<title>Ma première page web</title>
</head>
<body>
<a name="haut"></a>
<h1>Ma première page</h1>
<h5>Bienvenue à tous!</h5>
<p>Bonjour et bienvenue sur ma première page web.</p>
Je m'appelle André, j'ai 45 ans et j'habite l'arrière pays. <br><br>
Ce sont mes premiers pas sur le web et je trouve ça facile d'écrire en HTML!<br><br>
Voici mon humble demeure :<br><br>
<img src="maison.jpg" alter="ma charmante maison"> <br><br> <br><br>
Cliquez <a href="http://www.webdonline.com">ici</a> pour accéder à mon site internet
favori. <br><br> <br><br>
Cliquez <a href="#haut">ici</a> pour retourner en haut de la page.
<br><br>
</body>
</html>
Voilà vous connaissez maintenant les bases de la programmation HTML pour concevoir
votre premier site Internet.
Ajouter une image
Personnaliser un site web
|