background preloader

Insérer des liens hypertextes dans une image

Insérer des liens hypertextes dans une image
Lorsqu'on rédige un billet sur son blog ou sur son site, on est souvent amené à l'illustrer à l'aide d'une image. On souhaiterait pouvoir parfois insérer dans cette image plusieurs liens hypertextes renvoyant vers les ressources présentées tout au long de l'article. Thierry Roget signale sur son blog un outil très pratique qui permet de s'affranchir de toute connaissance du code HTML pour réaliser cette opération. Créer une image interactive HTML Map Creator permet en effet d'ajouter plusieurs liens hypertextes sur une même image. Il suffit simplement d'indiquer l'URL de l'image au service puis de sélectionner ensuite les différentes zones d'insertion. Vous trouverez ci-dessous un exemple d'image multi-cliquable recensant les principales sources de cet article : Sources Roget.biz : CMS Spip : Site du Zéro : Source de l'image :

http://cursus.edu/article/18778/inserer-des-liens-hypertextes-dans-une/#.U06zqdGI70M

Related:  html

Apprendre le HTML5 – Tutoriel Complet Tutoriel complet pour apprendre le HTML5 – Quelque soit votre niveau, ce cours est fait pour vous. Que vous débutiez dans la création de site internet ou que vous maitrisez déjà le xHTML et / ou le HTML 4.01, découvrez toute la puissance du HTML5. Chaque chapitre est rédigé de façon concise et compréhensible par tous. Ils sont divisés en thèmes consultables indépendamment suivant votre niveau et vos connaissances. Chaque point détaillé est inclus dans un exemple concret et certains sont accompagné de démo consultable en ligne. Les formulaires Le contrôle ligne de texte La zone de texte est l'élément d'entrée/sortie par excellence de Javascript. La syntaxe Html est <INPUT TYPE="text" NAME="nom" SIZE=x MAXLENGTH=y> pour un champ de saisie d'une seule ligne, de longueur x et de longueur maximale de y. L'objet text possède trois propriétés : Propriété Lire une valeur dans une zone de texte

display: inline-block et les espaces indésirables La valeur inline-block de la propriété display est à la mode, même si elle demeure encore trop peu connue et mal utilisée. Elle offre de multiples avantages dont le principal est de pouvoir disposer des éléments les uns à côté des autres, tout en étant dimensionnés et sans les retirer du flux. L'un de ses inconvénients majeurs est l'apparition d'un espace indésirable et incompressible de prime abord entre les blocs. Concevoir un formulaire HTML qui tient la route Il ne vous est jamais arrivé de remplir un long formulaire pour, par exemple, commander un voyage ou un vol et ne pouvoir le valider parce que le clic sur le bouton de validation du formulaire ne produit aucun résultat ? C’est ce qui m’est arrivé il y a quelques semaines de celà… C’est vrai que je suis passé de PC à Mac et que je fais maintenant partie d’une minorité. L’accessibilité prends dans ce cas tout son sens. J’ai eu beau essayer avec Safari, Firefox, Opéra, Google Chrome, rien n’y a fait.

Index des balises HTML Structure Sections Références Cadres Listes Docteur HTML5, Travailler en HTML5 dès aujourd'hui! Il existe plusieurs événements sur HTML5 en français. Trouvez-vous qu’il est difficile d’en trouver un dans votre ville ? Si vous en organisez un, présentez-le dans les commentaires de ce billet et sait-on jamais, cela pourrait être utile !

Comprendre le Viewport dans le Web mobile Le Viewport désigne schématiquement la surface de la fenêtre du navigateur. Cependant, la notion de viewport sur un appareil mobile est différente de celle sur un écran de bureau : sur mobile, le navigateur ne dispose pas de "fenêtre" réelle, ni de barres de défilement car tout est prévu pour naviguer de manière tactile. Comprendre la notion de viewport est absolument indispensable dans un projet d'intégration de site web pour tablettes et smartphones, ou dans un esprit d'adaptation "Responsive Web Design".

Related: