Un lien vers un autre site

Un lien vers un autre site

Il est facile de reconnaître les liens sur une page : ils sont écrits d'une façon diérente

(par défaut, en bleu et soulignés) et un curseur en forme de main apparaît lorsqu'on

pointe dessus.

Je vous propose d'essayer de coder le lien qui amène vers le Site du Zéro, comme à la

gure 4.1.

Figure 4.1  Lien vers le Site du Zéro

Pour faire un lien, la balise que nous allons utiliser est très simple à retenir : <a>. Il

faut cependant lui ajouter un attribut, href, pour indiquer vers quelle page le lien doit

conduire.

Par exemple, le code ci-dessous est un lien qui amène vers le Site du Zéro, situé à

l'adresse http://www.siteduzero.com :

1 <a href =" http :// www . siteduzero .com">Site du Zéro </a>

Nous allons placer ce lien au sein d'un paragraphe. Voici donc comment reproduire

l'exemple de la gure 4.1 :

1 <p>Bonjour . Souhaitez - vous visiter le <a href =" http :// www.

siteduzero .com">Site du Zéro </a> ?<br />

2 C'est un bon site ! ;-) </p>

Par défaut, le lien s'ache en bleu souligné. Si vous avez déjà ouvert la page,

le lien s'ache en violet. Nous verrons comment changer cette apparence

lorsque nous étudierons le CSS.

Si vous voulez faire un lien vers un autre site, il sut donc de copier son adresse (on

parle d'URL) en http://. Notez que certains liens commencent parfois par https://

(sites sécurisés) ou d'autres préxes (ftp://,. . .).

Si vous faites un lien vers un site qui comporte une adresse un peu bizarre avec

des &, comme : http://www.site.com/?data=15&name=mateo21, vous

devrez remplacer tous les  &  par  &amp ;  dans votre lien comme ceci :

http://www.site.com/?data=15&name=mateo21. Vous ne verrez pas

la diérence, mais cela est nécessaire pour avoir une page web correctement

construite en HTML5.

Les liens que nous venons de voir sont appelés liens absolus car on indique l'adresse

complète. Nous allons maintenant voir que l'on peut écrire les liens d'une façon un peu

diérente, ce qui va nous être utile pour faire des liens entre les pages de notre site.

44

UN

...