Das beste HTML Tag <img>-Tutorial im Jahr 2024. In diesem Tutorial können Sie Beispiele,Browser-Unterstützung,Tag Definitionen und Anleitungen,Die Unterschiede zwischen den HTML 4.01 und HTML5,Die Unterschiede zwischen HTML und XHTML,Immobilien,globale Eigenschaften,Ereigniseigenschaften,Versuchen Sie - Beispiel,In Verbindung stehende Artikel, lernen
Wie ein Bild einzufügen:
Alle gängigen Browser unterstützen das <img> -Tag.
<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.
HTML5 nicht unterstützt folgende Attribute: align, Grenze, hspace, longdesc, vspace.
In HTML 4.01 werden die folgenden Attribute: ausrichten, Grenze, hspace, vspace obsolet .
In HTML Tag <img> hat kein Ende-Tag.
In XHTML muss <img> Tag richtig geschlossen werden.
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 | 规定图像的宽度。 |
<Img> Tag unterstützt HTML globale Eigenschaften .
<Img> Tag unterstützt HTML Ereigniseigenschaften .
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.
HTML - Tutorial: HTML Bilder
HTML - DOM - Referenzhandbuch: Bildobjekt