Latest web development tutorials

HTML Tag <img>

Beispiele

Wie ein Bild einzufügen:

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

Versuchen »
(Weitere Beispiele finden Sie in der unten auf der Seite)

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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 .


Beispiele

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