HTML balise <img>
Exemples
Comment insérer une image:
Essayez »
(Pour plus d'exemples, voir le bas de la page)
support du navigateur
Tous les principaux navigateurs prennent en charge la balise <img>.
définitions de balises et les instructions
<Img> définit une page HTML images.
Balise <img> a deux attributs requis: src et alt.
Note: Techniquement, l'image ne sera pas inséré dans la page HTML, mais le lien vers la page HTML.Rôle balise <img> est de créer une image d'espace réservé est référencée.
Astuce: en imbriquant balise <img> dans l' onglet <a>, ajouter à l'image d' un lien vers un autre document.
Différences entre HTML 4.01 et HTML5
HTML5 ne supporte pas les attributs suivants: align, border, hspace, longdesc, vspace.
Dans HTML 4.01, les attributs suivants: aligner, frontière, hspace, vspace obsolète .
Différences entre HTML et XHTML
En HTML, balise <img> a aucune balise de fin.
En XHTML, balise <img> doit être fermée correctement.
propriété
Nouveau: HTML5 nouvelle propriété.
| 属性 | 值 | 描述 |
|---|---|---|
| align | top bottom middle left right |
HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像。 |
| alt | text | 规定图像的替代文本。 |
| border | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像周围的边框。 |
| crossorigin New | anonymous use-credentials |
设置图像的跨域属性 |
| height | pixels | 规定图像的高度。 |
| hspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像左侧和右侧的空白。 |
| ismap | ismap | 将图像规定为服务器端图像映射。 |
| longdesc | URL | HTML5 不支持。HTML 4.01 已废弃。 指向包含长的图像描述文档的 URL。 |
| src | URL | 规定显示图像的 URL。 |
| usemap | #mapname | 将图像定义为客户器端图像映射。 |
| vspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像顶部和底部的空白。 |
| width | pixels | 规定图像的宽度。 |
global Properties
Balise <img> prend en charge les propriétés globales HTML .
Propriétés de l'événement
Balise <img> prend en charge les propriétés de l' événement HTML .
Essayez - Exemple
Insérer des photos de différents endroits
Cet exemple montre comment les différentes images du dossier ou de serveur pour afficher les pages Web.
Créer un lien d'image
Cet exemple montre comment utiliser l'image comme un lien.
Créez des cartes d'image
Cet exemple montre comment créer des cartes d'image avec des zones cliquables. Chacune de ces régions est un lien hypertexte.
articles connexes
Tutoriel HTML: HTML Images
Manuel HTML DOM Référence: Objet Image