World's Strongest Nation
par ici, par ici!!!
World's Strongest Nation
par ici, par ici!!!
World's Strongest Nation
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilS'enregistrerConnexionDernières images
Le Deal du moment :
Xiaomi Mi Smart Camera 2K Standard Edition (design ...
Voir le deal
11.39 €

 

 Tutoriel HTML-partie 8

Aller en bas 
AuteurMessage
Sh@d
Administrateur
Sh@d


Masculin
Nombre de messages : 2066
Age : 37
Humeur Du WSiste :
Tutoriel HTML-partie 8 Left_bar_bleue100 / 100100 / 100Tutoriel HTML-partie 8 Right_bar_bleue

Date d'inscription : 08/01/2006

information WS
niveau: Mangaka & Gamer
Comportement Du WSiste.:
Tutoriel HTML-partie 8 Left_bar_bleue200/200Tutoriel HTML-partie 8 Empty_bar_bleue  (200/200)
clan: Kaguya

Tutoriel HTML-partie 8 Empty
MessageSujet: Tutoriel HTML-partie 8   Tutoriel HTML-partie 8 I_icon_minitimeDim 18 Nov 2007, 4:51 pm

Leçon 8 : Les liens


Dans cette leçon, vous apprendrez à faire des liens entre les pages.
De quoi ai-je besoin pour faire un lien ?


Pour faire un lien, on se sert de ce qu'on utilise toujours pour coder du HTML : un élément. Un simple élément avec un seul attribut et vous pourrez relier tout et n'importe quoi. Voici un exemple montrant à quoi un lien vers ws-nation aurait l'air :
Exemple 1 :



Voici un lien vers ws-nation



Ce qui donnerait dans le navigateur :
Voici un lien vers ws-nation

L'élément « a » tient pour « anchor » (N.d.T. ancre). Et l'attribut href est l'abréviation de « hypertext reference » (N.d.T. appel hypertexte), qui indique où conduit le lien, habituellement à une adresse Internet ou à un nom de fichier.
Dans l'exemple précédent, l'attribut href vaut "https://ws-nation.jeun.fr", ce qui correspond à l'adresse complète de HTML.net et qu'on appelle une adresse URL (Uniform Resource Locator). Notez qu'il faut toujours inclure « http:// » dans les adresses URL. L'expression « Voici un lien vers ws-nation » est le texte affiché dans le navigateur pour le lien. Rappelez-vous de clore l'élément par .
Et pour les liens entre mes propres pages ?


Si voulez faire un lien entre des pages sur le même site, il n'est pas nécessaire d'écrire l'adresse (URL) entière du document. Par exemple, si vous avez deux pages (appelons-les page1.htm et page2.htm) enregistrées dans le même dossier, vous pouvez faire un lien d'une page à l'autre simplement en inscrivant le nom du fichier dans le lien. Dans ces conditions, un lien de page1.htm vers page2.htm apparaîtrait comme ceci :
Exemple 2 :



Cliquez ici pour aller à la page 2



Si la page 2 se trouvait dans un sous-dossier (appelé "sous-dossier"), le lien serait alors :
Exemple 3 :



Cliquez ici pour aller à la page 2



En sens inverse, un lien de la page 2 (dans le sous-dossier) à la page 1 serait le suivant :
Exemple 4 :



Un lien vers la page 1



Le chemin « ../ » pointe sur le dossier à un niveau supérieur par rapport à la position du fichier où le lien se trouve. En suivant le même raisonnement, vous pouvez aussi pointer sur une position deux dossiers (ou plus) en amont avec « ../../ ».
Vous avez compris le système ? Autrement, vous pouvez toujours écrire l'adresse (URL) complète du fichier.
Et pour les liens dans la même page ?


On peut également créer des liens internes à une page, par exemple, une table des matières en haut de la page avec des liens vers chaque chapitre en-dessous. Vous avez seulement besoin d'un attribut très utile, appelé id (pour identification), et du symbole « # ».
Utilisez l'attribut id pour marquer l'élément que vous voulez relier. Par exemple :

<h1>titre 1</h1>



On crée ensuite un lien vers cet élément en utilisant le symbole « # » dans l'attribut de liaison. Le « # » indique au navigateur de rester sur la même page. Ce caractère doit être suivi de l'id de la balise à relier. Par exemple :

Lien vers le titre 1



Tout sera plus clair avec un exemple :
Exemple 5 :



<html>

<head>
</head>

<body>

<p>Lien vers le titre 1</p>
<p>Lien vers le titre 2</p>

<h1>Titre 1</h1>
<p>Texte texte texte texte</p>

<h1>Titre 2</h1>
<p>Texte texte texte texte</p>

</body>

</html>





Texte texte texte texte
Titre 2


Texte texte texte texte

(Remarque : L'attribut id doit commencer par une lettre).
Puis-je relier autre chose ?


On peut également faire un lien vers une adresse e-mail. Cela se fait presque de la même façon que pour relier un document :
Exemple 6 :



Envoyer un e-mail à « nobody » chez ws-nation



Dans le navigateur, cela donne :

[email]Envoyer un e-mail à « nobody » chez HTML.net[/email]

La seule différence entre un lien d'e-mail et un lien de fichier, c'est que l'on tape « mailto: » suivi d'une adresse e-mail au lieu de taper l'adresse d'un document. Au clic du lien, le programme de messagerie par défaut se lance avec un message vide pour l'adresse e-mail indiqué. Veuillez noter que cela fonctionnera seulement si un programme de messagerie est installé sur votre ordinateur. Essayez donc !
Y'a-t-il d'autres attributs à connaître ?


Pour créer un lien, vous devez toujours utiliser l'attribut href. Vous pouvez en outre placer un attribut title sur le lien :
Exemple 7 :



ws-nation



Cela apparaîtra ainsi dans le navigateur :

ws-nation

L'attribut title sert à fournir une brève description du lien. Si vous positionnez le curseur sur le lien sans le cliquer, vous verrez apparaître le message « Visitez HTML.net pour apprendre HTML ».
by [email]sh@d[/email]
Revenir en haut Aller en bas
https://ws-nation.jeun.fr
 
Tutoriel HTML-partie 8
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Tutoriel HTML-partie 5
» Tutoriel HTML-partie 6
» Tutoriel HTML-partie 7
» Tutoriel HTML-partie 9
» Tutoriel HTML-partie 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
World's Strongest Nation :: .·¯(_.·¯(_.·¯(_ WS- Sciences et Technologies _)¯`·._)¯`·._)¯`·. :: WS-Tutoriaux-
Sauter vers:  
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit