Mise en situation
L'un des deux paragraphes de texte contiendra une image cliquable, servant de lien vers la page de photographies régionales.
Comment procéder ?
Exercice n°3 : image liée
L'image <img> devant se comporter comme un lien, il suffit de l'inclure dans une balise de lien <a>.
Le contenu de l'image deviendra alors un lien hypertexte.
L'exercice n°2 précédent rappelait que la balise inline <a> ne pouvait pas contenir d'éléments de type bloc tels que des titres.
Il est en revanche parfaitement autorisé d'y inclure une image, puisque la balise <img> est de type inline (en ligne).
On peut écrire un code proche de :
<p>[Paragraphe associé au sous-titre de niveau 2.]</p>
<a href="photos.htm" title="lien vers photos de Franche Comté">
<img src="francheComte.jpg"></a>
Résultat
[Paragraphe associé au sous-titre de niveau 2.]
Ouvrages de références
- « More on CSS » par Eric Meyer
(© CampusPress), 2005.
- « CSS 2 Pratique du design web » par Raphaël Goetter
(© Eyrolles), 2009.
Haut de page
Access®, Excel®, Powerpoint®, Word® & Windows®
sont des produits et marques déposés
propriété de
Microsoft, Inc.
Photoshop® &
Dreamweaver
® sont des produits et marques déposés propriété de
Adobe System. |