Créer son site Web

livre création de site Internet-Bon de commande

img, map, area
Balises d'insertion d'images

Formation site internet>compléments du livre>Exemples de code XHTML et CSS>Balises d'insertion d'image>

Balises d'insertion d'image et d'images partiellement cliquables - img, map, area. Cette page internet est relative à la programmation en XHTML (pages 103 à 113 sur la syntaxe). Elle complète les pages 207 à 212 (img, map, area) du livre-atelier Créer son site Web pas à pas."

Création site Web Formation site Web Livre site Web

Balises d'insertion d'images

Insertion d'image : balise img

Exemple d'utilisation de la balise img

Lignes XHTML correspondantes

<img src="logo.jpg" alt="texte affiché en l'absence d'image" title="infobulle" /></br /></br />
<!-- le texte alternatif remplace l'image quand elle ne peut s'afficher, il est très important-->

Insertion d'image cliquable a et img

Exemple d'utilisation des balises img et a associées

<img src="logo.jpg" alt="texte affiché en l'absence d'image" title="infobulle" /></br /></br />
<!-- le texte alternatif remplace l'image quand elle ne peut s'afficher, il est très important-->

Images partiellement cliquables, img map et area

Exemple d'utilisation des balises img map et area associées

<img src="PlanSite.png" usemap="#plan" width="700" height="583" alt="Plan du site" title="Plan du Site"/>
<!-- Les attributs de dimensions d'image (height et width)  et l'attribut usemap deviennent obligatoires  -->
<map id="plan" > 
	<area shape="rect" coords="303,5,395,59" href="index.html" alt="Page Accueil" title="Page accueil"/>
</map>

Les autres balises XHTML

Autres exemples de code XHTML à copier-coller :

Cet article vous a intéressé ?
Twitter Google +
Partagez-le !

Glossaire Outils pédagogiques Formation site Web Mentions légales Contact