En Html les liens sont très courant et même indispensable, ils permettent de naviguer d'une page à l'autre, d'un site a l'autre, que serait Internet sans liens ?
Balises
Pour créer des liens on utilise la balise A: <a> et </a > , elle s'utilise avec différent attribut selon les liens:
Les liens internes
Les liens internes permettent de passer d'une page à l'autre a l'intérieur d'un site et pour cela on utilise l'attribut HREF: <href >
on l'utilise comme ceci: <a href ="url interne"> le lien </a >
ex pour une page du même dossier: <a href="ma_premiere_page_html.php"> Ma première page html </a >
ce qui donne: Ma première page html
ex pour une page d'un autre dossier: <a href="../livres/les_livres_html"> Les livres sur le HTML </a >
ce qui donne: Les livres sur le HTML
Les liens externes
Les liens externes permettent de passer d'un site à l'autre sur le web ou contactez un mail, on utilise aussi l'attribut <href ="http://..."> et les URL complètes des sites
on l'utilise comme ceci: <a href ="URL"> Nom du site </a >
ex pour le site Google: <a href="http://www.google.com"> Google</a >
ce qui donne: Google
ex pour les adresse mail: <a href="mailto:daniel@kit-graphik.com"> Mail</a >
ce qui donne: Mail (préférez la page de contact)
Les liens images
On peut aussi utiliser une image ou un logo comme lien.
Pour un lien interne l'ecriture devient:
<a href ="index.php"><img src="exemple/home.gif"> </a >
ce qui donne:
Pour un lien externe l'ecriture devient:
<a href ="http://www.aquariophilie-aquarium.com"><img src="exemple/aqua.gif"> </a >
ce qui donne:![]()
Pour un lien mail:
<a href ='mailto:daniel@ kit-graphik.com"><img src="exemple/home.gif"> </a >
ce qui donne:
L'attribut TARGET
L'un des attribut important est : Target, car il permet d'ouvrir la page soit dans la même fenêtre soit dans une autre (cas le plus courant pour les liens externes), il a plusieurs valeusr: _blank, _parent, _self, ...
Ex d'un lien interne dans une autre fenêtre:
<a href="ma_premiere_page_html.php" target="_blank"> Ma première page html </a >
ce qui donne: Ma première page html
<<Précédent | Retour Tutos | Retour HTML | Suivant>>>
Retour Tutoriaux
Codes Alphabet Grec
Codes: ASCII, ISO, HTML
Codes: ASCII, ISO, HTML 2
Codes: ASCII, ISO, HTML 3
Codes: ASCII, ISO, HTML 4
Codes: ASCII, ISO, HTML 5
Couleur du fond de page
La taille des caractères
Les codes couleur anglais
Les codes couleur html
Les images
Les liens
Les tableaux
Les zones cliquables
Liste à puces non ordonnée
Liste à puces ordonnée
Livres sur le HTML
Ma 1ere page
Mise en forme caractères
Mise en forme du texte
Mise en forme du texte 2
Papier ou image de fond