HTML/Elemente/img
Aus SELFHTML-Wiki
Das img-Element ermöglicht es, Bilddateien in einem Dokument einzubinden und darzustellen.
Beispiel
<img src="selfhtml.png" alt="Selfhtml">
Beachten Sie: In XHTML benötigt das img-Tag den schließenden Schrägstrich ( / ).
Siehe auch
- HTML/Tutorials/Bilder im Internet
- HTML/Tutorials/verweissensitive Grafiken (mit area und map)
Weblinks
- Spezifikation (W3C): img-element
Syntax | Start-Tag: notwendig End-Tag: verboten <img> |
---|---|
WAI-ARIA-Rolle |
|
Elternelemente | Darf vorkommen in:
Info: Elemente, die fließenden Inhalt erlauben (flow content expected)Info: Elemente, die fließenden Inhalt erlauben (flow content expected)
Info: Stil-Elemente (phrasing content)Info: Stil-Elemente (phrasing content) Information: Elemente, die fließenden Inhalt erlauben
Information: Stil-Elemente
|
erlaubte Inhalte |
keine, leeres Element |
Name | Inhalt | Standardwert | Bedeutung |
---|---|---|---|
Universalattribute | |||
id | ID | identifiziert ein einziges Element innerhalb eines Dokuments | |
class | CDATA | ordnet ein Element einer oder mehreren Klassen zu. | |
accesskey | ID | Tastaturkürzel | |
contenteditable | CDATA | editierbarer Inhalt | |
contextmenu | definiert Kontextmenü | ||
dir | ltr, rtl | definiert die Schreibrichtung innerhalb des Dokuments | |
draggable | ID | kann mit Drag & Drop gezogen werden | |
dropzone | CDATA | Aktion bei Ablegen | |
hidden | versteckter Inhalt | ||
lang | NAME | legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766] | |
spellcheck | ID | Rechtschreibprüfung | |
style | CDATA | notiert direkt in einem Element- style sheet data | |
tabindex | NAME | zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird. | |
title | CDATA | betitelt oder beschreibt ein Element. | |
alt | CDATA | legt eine kurze Beschreibung des Bildes fest, die angezeigt wird, wenn das Bild aus irgendwelchen Gründen nicht angezeigt werden kann. | |
height | CDATA | Höhe in CSS-Pixel. | |
ismap | Boolesches Attribut | gibt an, dass dieses Element Zugriff auf eine Server-seitige Image-Map bietet. | |
loading | auto, eager, lazy | auto | gibt an, ob Bilder bevorzugt oder erst später geladen werden sollen, wenn Seite gescrollt wird. (lazy-loading) |
src | CDATA | bestimmt die URI-Adresse des Bilds, das eingebettet werden soll. | |
srcset | CDATA | bestimmt die URI-Adressen und Größenfaktoren des Bilds, das eingebettet werden soll. | |
usemap | CDATA | Hash(#) Name des Map-Elements mit dem dieses Element in Verbindung steht. | |
width | CDATA | Breite in CSS-Pixel. |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Grundstruktur
- Multimedia und Grafiken
- Formulare
- Seitenstrukturierung
- Textstrukturierung
- Textauszeichnung
- Tabellen
- Skripte
- Interaktive Elemente