Dieser Artikel stellt hauptsächlich die relevanten Informationen zum HTML-Bild-IMG-Tag vor. Freunde, die sie benötigen, können darauf verweisen
Zusammenfassung
Projekt 项目 说明 形式 支持 H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ 标签省略 开始标签：必须，结束标签：无 |
Form |
|||||||||
Unterstützung |
H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ |
|||||||||
Tag weggelassen | Start-Tag: erforderlich, End-Tag: keiner
Erklärung
img ist die Abkürzung für Image. Das src-Attribut wird verwendet, um den Pfad zum Bild anzugeben.
Um in HTML4.01 mit verschiedenen Browsern zusammenzuarbeiten, die keine Bilder und Audio-Lesebrowser anzeigen können, muss das Alt-Attribut im -Tag festgelegt werden. HTML5 wird optional.
Obwohl das Höhenattribut und das Breitenattribut nicht erforderlich sind, kann das Bild schneller geöffnet werden, wenn diese beiden Attribute festgelegt sind, und bestimmte Anzeigefehler können bei der Anzeige des Bildes vermieden werden.
Attribute
[Wichtige Attribute]
Attribute |
Bedeutung |
| src=url |
H2+/e2+/N2+. Der Weg zum Bild. Erforderliches Attribut. |
alt=alt |
H2+/e2+/N2+. Beschreibung des Bildes. Wenn einige Browser das Bild nicht anzeigen können, können Sie die Beschreibung des Bildes auf der Webseite sehen. Es ist ein erforderliches Attribut in HTML4.01. |
Höhe=n |
H3+/e2+/S2+. Stellen Sie die Bildhöhe ein. |
Breite=n |
H3+/e2+/N2+. Stellen Sie die Bildbreite ein. |
【Funktionen】
Attribute |
Bedeutung |
ausrichten= ausrichten |
H2-H4T/e2+/N2+. Geben Sie die Anzeigeposition des Bildes an. Legen Sie align="right" und align="left" fest, um Text auf der linken oder rechten Seite des Bildes anzuzeigen. Um diesen Effekt aufzuheben, verwenden Sie |
Grenze=n |
H3-H4T/e2+/N2+. Gibt die Dicke der Randlinie um das Bild an. Wenn ein Bild in ein ~-Tag eingefügt wird, wird automatisch eine Rahmenlinie generiert. Wenn Sie abbrechen möchten, setzen Sie border=0. |
galleryimg=bool |
e6+. Wenn die Maus auf einem Bild platziert wird, das größer als 200 x 200 ist, wird die Symbolleiste nicht angezeigt. Es kann auch global in angegeben werden. |
hspace=n |
H3-H4T/e2+/N2+. Legt den horizontalen Rand um das Bild fest. |
longdesc=URL |
H4. Verwenden Sie dieses Attribut, um auf die URL des Dokuments zu verweisen, das die Bildbeschreibung enthält, wenn die Bildbeschreibung zu lang ist, als dass das Titelattribut vollständig angezeigt werden könnte. |
lowsrc=url |
e4+/S2+. Wenn ein Bild groß ist, kann es einige Zeit dauern, bis es im Browser angezeigt wird. Während das Bild noch über das Netzwerk übertragen wird, können Sie mit dem Attribut lowsrc ein Miniaturbild angeben, sodass es zuerst im Browser angezeigt wird und das Miniaturbild nach der Übertragung des Originalbilds automatisch ersetzt wird. |
unterdrücken=unterdrücken |
N4+. unterdrücken bedeutet unterdrücken. Der Standardwert ist false, wenn er im Bild auf true gesetzt ist Während der Übertragung wird das kleine Symbol, das am Bildort angezeigt werden soll, durch einen ToolTip (Eingabeaufforderungsfeld) ersetzt. |
vspace=n |
H3-H4T/e2+/N2+. Legt den vertikalen Abstand um das Bild fest. |
Name=Name |
H4/e4+/S3+. Namen angeben. |
【可点击领域相关属性】
属性 |
意义 |
ismap |
H2+/e2+/N2+。指定图像为服务器端图像映射。 |
usemap=usemap |
H3+/e2+/N2+。指定图像为客户端图像映射。请参考 |
意义
ismap
H2+/e2+/N2+。指定图像为服务器端图像映射。
usemap=usemap
H3+/e2+/N2+ tbody>
【Videobezogene Attribute】
Attribute |
Bedeutung |
Steuerelemente |
e2-e3. Zeigt die Wiedergabesteuerung unter dem Video an. In IE4.0 veraltet. |
dynsrc=url |
e2+. Geben Sie die Videodatei (*.avi) an. Da es bereits die Tags und gibt, ist dieses Attribut grundsätzlich nutzlos. |
Schleife=n |
e2+. Legen Sie Spielzeiten fest. loop=infinite wird in einer Endlosschleife abgespielt. |
Start=Start |
e2+. Bei der Einstellung Datei öffnen wird die Webseite abgespielt, sobald sie geöffnet wird. Bei der Einstellung Mouseover wird das Video abgespielt, wenn die Maus darauf platziert wird. |
[Datenbindungsbezogene Eigenschaften]
|
Bedeutung | datafld 🎜>=datafld | e4+. Geben Sie den Spaltennamen der Datenquelle für die Datenbindung an. | datasrc=datasrc | |||||||
Attribute |
bedeutet |
||||||||||
Klasse=Klasse |
H4+/e3+/S4+. Geben Sie die Klasse an. |
||||||||||
id=id |
H4+/e3+/S4+. ID angeben. |
||||||||||
Stil=Stil |
H4+/e3+/S4+. Geben Sie den Stil an. |
||||||||||
Titel=Titel |
H4+/e4+/S6+. Geben Sie einen Titel an. |
||||||||||
dir=dir |
H4+/e5+/S6+. Gibt die Richtung an, in der Text angezeigt wird. |
||||||||||
lang=lang |
H4+/e4+/S6+. Geben Sie den Sprachtyp an. |
||||||||||
Zugriffsschlüssel=Schlüssel |
H5+. Weisen Sie Tastenkombinationen zu. |
||||||||||
Tabindex=n |
H5+. Geben Sie die Reihenfolge an, in der sich die TAB-Tasten im Steuerelement bewegen. |
||||||||||
contenteditable=bool |
H5+/e55+. Machen Sie das Element bearbeitbar. |
||||||||||
Kontextmenü=id |
H5+. Kontextmenü angeben. |
||||||||||
ziehbar=bool |
H5+. Ziehbar. |
||||||||||
Dropzone=Wert |
H5+. Drag-and-Drop verfügbar. |
||||||||||
versteckt |
H5+. Versteckte Elemente. |
||||||||||
Rechtschreibprüfung=bool |
H5+. Überprüfen Sie die Rechtschreibung. |
||||||||||
Erweiterte IE-Attribute |
können erweiterte IE-Attribute angeben . |
Beispiel
HTML-Code
<img src="image/kanami.jpg" alt="举例图片" width=100 height=100>
Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.
Verwandte Empfehlungen:
So zeigen Sie hexadezimale Bilddaten im img-Tag von HTML in PHP an
Wie stimmen reguläre Ausdrücke mit Bildadressen und img-Tags
im IE überein?img-TagsWie gehe ich mit Speicherlecks um?
Das obige ist der detaillierte Inhalt vonBild--Tag in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
