Accueil  Calendrier  FAQ  Rechercher  S'enregistrerS'enregistrer  Connexion  

Partagez | 
 

 Les liens

Aller en bas 
AuteurMessage
Dotox
Ancestor designer
avatar

Masculin
Nombre de messages : 621
Age : 26

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
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Liens inactifs dans Outlook Express
» Détecter des liens dans une page web [RESOLU]
» Liens utiles et ressources^^
» [Liens] Lien qui change de couleur au survol
» [Virtumonde] Mes liens ne s'ouvrent pas avec Internet Explorer

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: