des centaines d'astuces pour vous faciliter le quotidien

LES LIENS HTML

LES LIENS HTML

 

               

 

 

IMAGE CLIQUABLE

 

 

Les "liens" sont certainement parmis les fonctions les plus importantes du HTML.

 

Ils sont aussi appelés liens hypertexte.

 

C'est ceux-ci qui créent l'interconnexion entre les pages,

 

tissant en quelques sortes la toile du Web. 

 

 

 : Cette balise seul sans attribut n'a pas d'effet, elle sera donc toujours associée à un ou plusieurs attribut
href="..." : Spécifie la cible de destination
Plusieurs méthodes de cible sont possible :
  • Vers une page externe au site
  • Vers une page interne au site
  • Vers une partie de la page en courante
  • Vers une adresse email

  • Le texte visible servant d'hyperlien est compris entre les balise  et .
    Voyez les exemples ci-dessous.
Ex :
Vers une page externe au site
Résultat :
  Vers une page externe au site

Cliquez le lien ci-dessus et vous reviendrez sur cette même page. Remarquez que l'adresse cible contient l'adresse du site + celle de la page. Une autre adresse ainsi formée vous aurait conduit vers une page d'un autre site.
Ex :
Vers une page interne au site
Résultat :
Vers une page interne au site


Cliquez le lien ci-dessus et vous reviendrez sur cette même page. Remarquez que l'adresse cible ne contient plus l'adresse du site mais, uniquement celle de la page. On reste sur le site.
Ex :
Vers un point d'ancre de cette page
Résultat :
Vers un point d'ancre de cette page


Cliquez le lien ci-dessus et vous resterez sur cette même page mais vous serez focusé sur le "sommaire". Remarquez que l'adresse cible ne contient plus l'adresse du site ni celle de la page, uniquement celle du point d'ancre. On reste surle site et sur la page.
href="mailto:..." : Il faut bien sûr ajouter l'adresse mail de destination. Lorsque le lien sera cliqué, votre programme client email.
NB : Cette méthode pour mettre votre contact email à la disposition de vos visiteurs est certainement la plus simple à mettre en place. Mais c'est aussi la méthode qui mettra votre adresse email à la disposition des SPAMMER's, "la plaie du Web". Opter plutôt vers une méthode de formulaire dynamique qui cachera votre adresse email des robots scanners qu'utilisent malicieusement les spammer's. Bien qu'ils aient des outils de plus en plus puissant
Ex :
Écrive-nous
Résultat :
Écrive-nous


Cliquez le lien ci-dessus et votre programmeclient mail s'ouvrira.
name="..." : 
Crée un point d'ancrage
Ex :
Point d'ancrage



 Vers le point d'ancre ci-dessus 
Résultat :
Point d'ancrage

Vers le point d'ancre ci-dessus


Cliquez le lien ci-dessus et vous serez focusé sur la ligne "Point d'ancrage".
target="..." : 
Défini le mode d'ouverture du lien. Les valeurs possible sont : "_self", "_blank". Pour les autres valeurs "_parent" et "_top", elles sont liées aux frames et comme je suis farouchement opposé à utiliser les frames, je ne vous en parlerai pas ! Les frames sont très très mal considérées par Google ! A éviter !
Ex :
Ouvre la page dans la même fenêtre
Résultat :
Ouvre la page dans la même fenêtre


Cliquez le lien ci-dessus la page s'ouvrira dans le même fenêtre.
Ex :
Ouvre la page dans la même fenêtre
Résultat :
Ouvre la page dans une nouvelle fenêtre


Cliquez le lien ci-dessus la page s'ouvrira dans une nouvelle fenêtre.
Title="..." : 
Assigne un titre au lien.
Ex :
Vers cette page avec titre
Résultat :
Vers cette page avec titre


Passez la souris sur le lien ci-dessus et une boîte s'ouvrira avec le contenu de l'attribut "title".
Compatibilité : IE Firefox

 

 

Image clicquable 

 



Vous trouverez ce chapitre séparé du précédent, tout en étant dans le domaine des liens.
Vous verez que pour mettre en place cette fonction, vous aurez besoin de plusieurs balises.
A l'inverse des autres descriptions, vous trouverez d'abord l'exemple avant que vous puissiez découvrir les différentes balises et attibuts que constituent cette fonction d'image cliquable .

 

 

 

 

 : Cette balise seul sans attribut n'a pas d'effet, elle sera donc toujours associée à un ou plusieurs attribut
Ex :

			<a>  data-cke-saved-href= Sommaire par image cliquable : Spécifie le mon de la "map" avec laquelle l'image est associée

 

Rechercher dans le site

Contact

MAC ASTUCE1

ASTUCES INFORMATIQUE WINDOWS

17/03/2016 19:06

Bon plan, les meilleurs sites et applications pour mini budget

  Vous êtes un radin ou simplement n’aimez pas dépenser un sou !   Ne vous inquiétez pas vous n'êtes pas le seul, des applications et sites Web sont spécialement dédiés à ceux qui traquent  les bonnes affaires. Radins.com    accompagne les...

TOUTS SAVOIR SUR LES DRONES

13/03/2015 10:55

Le drone DJI capture l'image d'un objet volant non identifié

Le drone DJI aurait  filmé un objet volant non identifié au-dessus de la Silicon Valley. La vidéo fait grand bruit sur Internet et suscite les hypothèses les plus variées.  La vidéo a été mise en ligne le 8 mars. Les images auraient été tournées par un drone DJI...
08/03/2015 12:58

Le drone DJI S1000+ hexacopter photo pro

Le DJI S1000+ hexacopter est un drone prêt à voler et à capturer le summum de la photographie aérienne.   Si vous cherchez un drone professionnel pour des inspections, agricole de précision, la photographie, la cinématographie, l'arpentage et plus, le S-1000 est le...

 

BEAUTÉ A PETIT PRIX

14/10/2013 10:41

Astuce des Sourcils épilation d'arc parfaites

  Le matériel : 1 une pince à épiler qu’on désinfectera à l’alcool ou autre antiseptique avant toute utilisation 2 un coton, un crayon au khôl pour tracer la ligne que suivra l’épilation 3 éventuellement un glaçon. En effet, un glaçon passé sur le sourcil avant...
 

  PARTENAIRE