HTML Tag <img>
Beispiele
Wie ein Bild einzufügen:
Versuchen »
(Weitere Beispiele finden Sie in der unten auf der Seite)
Browser-Unterstützung
Alle gängigen Browser unterstützen das <img> -Tag.
Tag Definitionen und Anleitungen
<Img> Tag definiert eine HTML-Seite Bilder.
<Img> -Tag hat zwei erforderlichen Attribute: src und alt.
Hinweis: Technisch gesehen , wird das Bild nicht in die HTML - Seite eingefügt werden, aber der Link auf der HTML - Seite.Rollen Tag <img> ist ein Platzhalter Bild zu erstellen ist referenziert.
Tipp: von <img> -Tag in <a> Registerkarte Verschachtelung, fügen Sie das Bild auf ein anderes Dokument zu verknüpfen.
Die Unterschiede zwischen den HTML 4.01 und HTML5
HTML5 nicht unterstützt folgende Attribute: align, Grenze, hspace, longdesc, vspace.
In HTML 4.01 werden die folgenden Attribute: ausrichten, Grenze, hspace, vspace obsolet .
Die Unterschiede zwischen HTML und XHTML
In HTML Tag <img> hat kein Ende-Tag.
In XHTML muss <img> Tag richtig geschlossen werden.
Immobilien
Neu: HTML5 neue Eigenschaft.
属性 | 值 | 描述 |
---|---|---|
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 | 规定图像的宽度。 |
globale Eigenschaften
<Img> Tag unterstützt HTML globale Eigenschaften .
Ereigniseigenschaften
<Img> Tag unterstützt HTML Ereigniseigenschaften .
Versuchen Sie - Beispiel
Legen Sie Bilder von verschiedenen Standorten aus
Dieses Beispiel zeigt, wie verschiedene Ordner oder Server-Images Webseiten anzuzeigen.
Erstellen Sie ein Bild Link
Dieses Beispiel zeigt, wie das Bild als Link zu verwenden.
Erstellen von Imagemaps
Dieses Beispiel zeigt, wie Image-Maps mit anklickbaren Bereiche zu schaffen. Jede dieser Regionen ist ein Hyperlink.
In Verbindung stehende Artikel
HTML - Tutorial: HTML Bilder
HTML - DOM - Referenzhandbuch: Bildobjekt