Pour proposer un lien hypertexte vers un site, il suffit de faire précéder le texte à rendre
cliquable par <a href=url_du_site> et de le faire suivre par </a>
Accueil | Compétences maîtrisées | Cours Html | Demo 6
Pour proposer un lien hypertexte vers un site, il suffit de faire précéder le texte à rendre
cliquable par
<a href=url_du_site> et de le faire suivre par
</a>
Ce qui donne ceci :
des failles de sécurité,
...
et surtout pour apprendre à se protéger de toutes ces agressions.
Voici comment ouvrir un lien dans une nouvelle page (lien externe) :
Exemple :
Pour effectuer un recherche
sur Linux avec Google cliquez sur
Rechercher
Il s'agit cette
fois non plus de proposer un lien vers une page extérieure mais au contraire
de pointer vers une page de votre propre site autrement dit vers un
répertoire ou la racine de votre site.
Cela ressemblera à : <a href="index.htm"> nom_du_lien_interne </a>
Illustration :
Retour vers la page des
principaux thèmes abordés en
cours. Tout site web
qui se respecte offre la possibilité à ses internautes de communiquer
avec le webmaster, le service-client etc.
Le code source sera de type : <a href="mailto:abc@provider.com"> Contact </a>
Démonstration :
Insérer un lien sur une image ne devrait pas non plus vous rebuter, en
lieu et place du traditionnel texte cliquable, vous proposerez un lien
depuis une image.
Si cette image est de taille réduite ou composée d'un seul
élément,
vous n'aurez qu'un seul lien sur cette image.
Cependant imaginons une image composée de 2 zones cliquables différentes,
et dans ce cas, vous introduirez 2 liens de destination distincts.
Remarquez la différence :
Source de l'image :
http://www.lyc-vilgenis.ac-versailles.fr/cinema/
Source de l'image :
http://www.ixiasoft.com/products/extensions.asp
Vous verrez parfois
sur certains sites un cadre disgrâcieux autour de l'image qu'il est possible
de masquer très facilement.
Il suffit de spécifier à l'image border="0" comme
dans l'exemple suivant.
<img src="Dossier/image.gif" width="150"
height="140" border="0">
C'est tellement plus parlant en images :
A gauche, lorsque border="3"
A droite,
lorsque border="0"
Une technique
très simple à mettre en oeuvre consiste à afficher du texte
sur une image (lorsque la souris la survole).
Son intérêt est de permettre aux internautes qui n'ont pas appelé l'image (volontairement ou non) de savoir ce qu'elle représente.
C'est surtout le cas des pages interrompues ou des navigateurs configurés pour seulement récupérer le texte).
Bien entendu, personne ne vous empêche à ce stade d'insérer un lien mail
mailto: ou vers un site ou une page web de votre choix.
Là aussi l'image parle d'elle-même :
Tux la mascotte de Linux.