Accueil  Calendrier  FAQ  Rechercher  S'enregistrerS'enregistrer  Connexion  

Partagez | 
 

 Les liens

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Dotox
Ancestor designer
avatar

Masculin
Nombre de messages : 621
Age : 25

MessageSujet: Les liens   Ven 29 Juin - 15:27

Tutorial concernant les liens

Lien pour une page web
<a href="URL de ta page">Libellé de ton lien</a>
<a href="http://www.lesite.com" title="libellé de la bulle d'aide quand on passe la souris sur le lien">Nom du site</a>

Lien pour envoyer un message
<a href="mailto:personne@machin.com">Pour me contacter.</a>
<a href="mailto:personne@machin.com?subject=Bug sur le Site">Pour me signaler un bug.</a

Lien pour une image
<a href="URL de ta page"><img src="URL de l'image"></a>
<img src="URL de ton image"></img>
<img src="URL de ton image" alt="légende"></img>

Tutorial concernant les ancres
L'ancre sert à ammener à un point de repère un visiteur si la page est grande.

Pour le pragraphe où tu souhaites emmener ton visiteur:
<a name="nom du lien"></a>Libellé<br>

Pour le menu de la page:
<a href="#mon_ancre">Aller vers l'ancre</a>
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>tuto_ancres</title>
</head>
<body>
<a href="#Cuisine_Francaise">Cuisine Francaise</a><br>
<a href="#Cuisine_Italienne">Cuisine Italienne</a><br>
<a href="#Cuisine_Mexicaine">Cuisine Mexicaine</a><br>
<br>
<a name="Cuisine_Francaise"></a>Cuisine
Francaise<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
<br>
<a name="Cuisine_Italienne"></a>Cuisine Italienne<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
<br>
<br>
<a name="Cuisine_Mexicaine"></a>Cuisine Mexicaine<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..<br>
..
</body>
</html>


Pour que vous visualisiez un peu mieux les choses, je vous ai mis le résultat sur mon site à l'adresse suivante:

http://slidoopy.free.fr/tuto_ancres.html

Si vous avez des questions, vous pouvez me les poser ici ou dans votre topic.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
Les liens
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Liens inactifs dans Outlook Express
» Liens devenus inactifs sur mon site
» liens inactifs dans ma boite de messagerie
» Détecter des liens dans une page web [RESOLU]
» Liens utiles et ressources^^

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Learning Design :: World wide web :: Les tutoriaux :: Le HTML-
Sauter vers: