Bild-<img>-Tag in HTML-HTML-Tutorial-php.cn

Bild--Tag in HTML

墨辰丷

Freigeben： 2018-06-04 15:05:05

Original

2701 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die relevanten Informationen zum HTML-Bild-IMG-Tag vor. Freunde, die sie benötigen, können darauf verweisen

Zusammenfassung

Start-Tag: erforderlich, End-Tag: keiner

Projekt

项目	说明
形式
支持	H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
标签省略	开始标签：必须，结束标签：无

Form

Unterstützung

H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+

Tag weggelassen

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
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]

属性	意义
datafld=datafld	e4+。指定数据绑定时的数据源的列名。
datasrc=datasrc	e4+。指定数据绑定时的数据源的ID。

Eigenschaft

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>

Nach dem Login kopieren

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!