Learning Design
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
Accueil  Dernières imagesDernières images  Rechercher  S'enregistrerS'enregistrer  Connexion  
-24%
Le deal à ne pas rater :
PC Portable Gaming 15.6″ Medion Erazer Deputy P40 (FHD 144Hz, RTX ...
759.99 € 999.99 €
Voir le deal

 

 Les liens

Aller en bas 
AuteurMessage
Dotox
Ancestor designer
Dotox


Masculin
Nombre de messages : 621
Age : 32

Les liens Empty
MessageSujet: Les liens   Les liens EmptyVen 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
 
Les liens
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Cours 6 : Les liens

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:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser