The mandate
Programmer en html - Les liens

Programmer en html - Les liens

Catégorie: Javascript.
Posté par le 14/05/2014.
Dernière mise à jour le 23/05/2014.

<<Tutoriel précédent    Tutoriel suivant>>

Description

Dans ce tutoriel, vous apprendrez comment ajouter des liens à votre page html.

Introduction

Ce tutoriel peut être réalisé à l'aide d'un simple éditeur de texte comme le « bloc notes ». Il ne nécessite aucun prérequis.

Les liens

Jusqu'à présent, nous avons créé une page web autonome, ce qui est très bien mais pose un problème lorsque l'utilisateur désire se déplacer d'un document à un autre.

Le « H » et le « T » de « html » signifient « hypertext », ce qui signifie essentiellement un système de texte lié.

C'est pour cela qu'il existe une balise html d'ancrage « a ». Celle-ci est utilisée pour définir un lien.

Ouvrez votre éditeur de texte et d'ajouter un lien à votre page html « tutorielsenfolie.html »:

tutorielsenfolie.html

<!DOCTYPE html>
<html>
<head>
    <title
>Ma jolie page Web</title>
</head>
<body>
    <h1>
Titre du fichier html</h1>
    <h2>
Mon sous-titre</h2>
    <p>
Voici ma premi&egrave;re page Web. <a href="http://www.tutorielsenfolie.com" >Lien vers tutoriels en folie</a></p>
    <p>Voici une liste de fruits</p>
    <ul>
        <li>
pomme</li>
        <li>
poire</li>
    </ul>
</body>
</html>

La balise « a » nécessite un attribut pour spécifier la destination du lien.

Celle-ci est définie dans l'attribut « href » de la balise html. Le lien peut être absolu, telle que « http://www.tutorielsenfolie.com », ou il peut être relatif à la page courante.

Par exemple, vous avez un autre fichier appelé « tutoriel-html.html » dans le même répertoire, vous pouvez créer un lien vers celui-ci de la manière suivante:

<a href="tutoriel-html.html">page de tutoriel sur l'html</a>

NB: Un lien n'est pas obligé de pointer vers un fichier html, il peut pointer vers n'importe où sur le web.

Un lien peut également transporter un utilisateur vers une autre partie de la même page. Pour ce faire, il faut ajouter un attribut id à peu une autre balise.

Par exemple:

<h2 id="sous-titre">Sous-titre.</h2>

Ensuite, il faut le lier comme ceci :

<a href="#sous-titre">Voir le sous-titre.</a>

NB: Pour que le déplacement soit visible, il faut que votre texte soit très long.

La suite de ce tutoriel vous expliquera comment ajouter des images sur votre page web.

Tu as aimé ce tutoriel ?
Aide nous à améliorer le site ! Deviens partenaire officiel ou suis nous sur facebook !

<<Tutoriel précédent    Tutoriel suivant>>

Commentaires[0]

Tu as aimé ce tutoriel ? Alors partage-le avec tes amis !
Partager sur Facebook Partager sur Twitter Partager sur Myspace Partager sur Stumbleupon Soumettre sur Reddit Partager sur Digg Ajouter à vos favoris Technorati Ajouter à vos favoris Live Ajouter à vos favoris Google Ajouter sur vos favoris Yahoo Voir le flux rss

Mots Clés: html HTML5 Programmer en html web

Veve :
(11/04/2013 - 17:19:44)
il faut juste mettre "sudo" à la place de "su" pour exécuter la commande en root

Veve :
(11/04/2013 - 17:18:56)
Salut tu peux aller lire ce tutoriel: http://www.tutorielsenfolie.com/tutoriels-63-installation-configuration-opennebula.html Il fonctionne aussi sous ubuntu

safa.souissi4 :
(10/04/2013 - 20:58:13)
s'il vous plait c urgent :(

safa.souissi4 :
(10/04/2013 - 20:56:25)
bonsoir,je cherche un tutos pour installer opennebula.org sous ubuntu 12.

Veve :
(18/03/2013 - 20:07:49)
oui, j'essaye de voir d'ou viens le problème.

sonde :
(18/03/2013 - 13:29:57)
re merci (j apprend un peu plus) je crois que j ai trouver pourquoi je peu pas poster si il y a ligne code impossible de poster lol

Veve :
(17/03/2013 - 21:34:49)
Salut, j'espère que ça t'a aidé.

sonde :
(17/03/2013 - 09:59:02)
pour ton aide

sonde :
(17/03/2013 - 09:57:36)
slt Veve impossible de laisser com

sonde :
(17/03/2013 - 09:56:55)
??

Demi-dieu :
(15/03/2013 - 18:41:13)
salut ^^

sonde :
(13/03/2013 - 14:49:35)
un petit coucou

Tanamoureuse :
(29/09/2011 - 06:11:08)
Je t'aime

Faire un don

Ma Publicité ici


Faire un don