HTML-Bild img-Tag_Powernode Java Academy

HTML-Bild img-Tag_Powernode Java Academy

Zusammenfassung

das Weglassen von
Projektbeschreibungsformat
<
img
src="...">
Unterstützt
H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
-Tags.
Start-Tag: erforderlich, End-Tag: keiner.

veranschaulichen

img ist die Abkürzung für Image. Das src-Attribut wird verwendet, um den Pfad zum Bild anzugeben.

In HTML4.01 muss das Alt-Attribut im <img>-Tag festgelegt werden, um mit verschiedenen Browsern zusammenzuarbeiten, die keine Bilder und Audio-Lesebrowser anzeigen können. HTML5 wird optional.

Obwohl die Attribute „height“ und „width“ nicht erforderlich sind, kann das Bild schneller geöffnet werden, wenn diese beiden Attribute festgelegt sind, und bestimmte Anzeigefehler bei der Bildanzeige können vermieden werden.

Eigentum

【Wichtige Eigenschaften】

Eigentum
Bedeutung
src = URL
H2+/e2+/N2+. Der Pfad zum Bild. Erforderliches Attribut.
alt = alt
H2+/e2+/N2+. Beschreibung des Bildes. Wenn einige Browser keine Bilder 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+/N2+. Stellen Sie die Bildhöhe ein.
Breite = n
H3+/e2+/N2+. Stellen Sie die Bildbreite ein.

【Merkmal】

Eigentum
Bedeutung
ausrichten = ausrichten
H2-H4T/e2+/N2+. Gibt an, wo das Bild angezeigt wird. Durch die Einstellung align="right" und align="left" kann der Text auf der linken oder rechten Seite des Bildes angezeigt werden. Um diesen Effekt abzubrechen, verwenden Sie <br clear=all>.
Grenze = n
H3-H4T/e2+/N2+. Gibt die Dicke des Rahmens um das Bild an. Wenn ein Bild die Tags <a href="...">～</a> enthält, wird automatisch eine Rahmenlinie generiert. Um es abzubrechen, setzen Sie border=0.
Galeriebild = bool
e6+. Wenn die Maus auf einem Bild platziert wird, das größer als 200 × 200 ist, wird die Symbolleiste nicht angezeigt. Es kann auch global in <meta> angegeben werden .
hspace = n
H3-H4T/e2+/N2+. Legt den horizontalen Rand um das Bild fest.
longdesc = URL
H4. Wenn die Bildbeschreibung zu lang ist, um vollständig im Titelattribut angezeigt zu werden, verwenden Sie dieses Attribut, um auf die URL eines Dokuments zu verweisen, das die Bildbeschreibung enthält.
lowsrc = URL
e4+/N2+. Wenn ein Bild groß ist, kann die Anzeige im Browser einige Zeit dauern. Während das Bild noch über das Netzwerk übertragen wird, können Sie mit dem Attribut lowsrc ein Miniaturbild angeben, das dann zuerst im Browser angezeigt wird. Das Miniaturbild wird nach der Übertragung des Originalbilds automatisch ersetzt.
unterdrücken = unterdrücken
N4+. unterdrücken bedeutet unterdrücken. Der Standardwert lautet false . Wenn der Wert auf true gesetzt ist , wird bei der Bildübertragung das kleine Symbol, das an der Bildposition angezeigt werden soll, durch einen ToolTip (Eingabeaufforderung) ersetzt.
vRaum = n
H3-H4T/e2+/N2+. Legt den vertikalen Rand um das Bild fest.
Name = Name
H4/e4+/S3+. Geben Sie einen Namen an.

【Anklickbare feldbezogene Attribute】

Eigentum
Bedeutung
ismap
H2+/e2+/N2+. Gibt an, dass es sich bei dem Bild um eine serverseitige Imagemap handelt.
usemap = verwenden Sie die Karte
H3+/e2+/N2+. Gibt an, dass es sich bei dem Bild um eine clientseitige Imagemap handelt. Bitte beachten Sie <Karte>.

【Videobezogene Attribute】

Eigentum
Bedeutung
Bedienelemente
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 <embed>- und <object> -Tags gibt , wird dieses Attribut grundsätzlich von niemandem verwendet.
Schleife = n
e2+. Legen Sie fest, wie oft die Wiedergabe erfolgen soll. Wenn loop= infinite ist , wird die Wiedergabe unendlich wiederholt.
start = beginnen
e2+. Wenn die Option auf „fileopen“ eingestellt ist , wird das Video abgespielt, sobald die Webseite geöffnet wird. Bei der Einstellung „Mouseover“ wird die Videowiedergabe gestartet, wenn die Maus darauf platziert wird.

【Datenbindungsbezogene Eigenschaften】

Eigentum
Bedeutung
Datenfeld = Datenfeld
e4+. Gibt beim Binden von Daten den Spaltennamen der Datenquelle an.
datasrc = datasrc
e4+. Gibt beim Binden von Daten die ID der Datenquelle an.

【Allgemeine Eigenschaften】

Eigentum
bedeuten
Klasse = Klasse
H4+/e3+/N4+. Geben Sie die Klasse an.
id = ID
H4+/e3+/N4+. Geben Sie eine ID an.
Stil = Stil
H4+/e3+/N4+. Geben Sie den Stil an.
Titel = Titel
H4+/e4+/N6+. Geben Sie einen Titel an.
dir = dir
H4+/e5+/S6+. Gibt die Richtung an, in der Text angezeigt wird.
lang = lang
H4+/e4+/N6+. Geben Sie die Sprache an.
Zugriffsschlüssel = Schlüssel
H5+. Weisen Sie Tastenkombinationen zu.
tabindex = n
H5+. Gibt die Reihenfolge an, in der die TAB-Taste durch die Steuerelemente navigiert.
inhaltsbearbeitbar = bool
H5+/e55+. Macht das Element editierbar.
Kontextmenü = ID
H5+. Kontextmenü angeben.
ziehbar = bool
H5+. Ziehbar.
Dropzone = Wert
H5+. Ziehen und ablegen.
versteckt
H5+. Blendet das Element aus.
Rechtschreibprüfung = bool
H5+. Überprüfen Sie Ihre Rechtschreibung.
Erweiterte IE-Eigenschaften
Sie können erweiterte IE-Attribute angeben.

Beispiel

HTML Code

<img src="image/kanami.jpg" alt="Beispielbild" width=100 height=100>

<<:  Einführung in den Prozess zum Erstellen eigener FTP- und SFTP-Server

>>:  Beispiel einer MySql-Fuzzy-Abfrage-Lösung zum Abrufen von JSON-Schlüsselwörtern

Artikel empfehlen

VMware Workstation 12 installiert Ubuntu 14.04 (64 Bit)

1. Installationsumgebung Computermodell: Lenovo Y...

11 Beispiele für die erweiterte Verwendung von Eingabeelementen in Webformularen

1. Löschen Sie das gepunktete Feld, wenn die Scha...

Beispielcode für die Verwendung von HTML-Tags „ul“ und „li“ zur Anzeige von Bildern

Kopieren Sie den folgenden Code in den Codebereich...

Beispielcode für einen coolen Atemeffekt mit CSS3+JavaScript

Ein einfacher cooler Effekt, der mit CSS3-Animati...

Detaillierte grafische Erklärung der MySQL-Abfragesteuerungsanweisungen

MySQL-Abfrage-Steueranweisungen Felddeduplizierun...

Grafische Installationsschritte für VMware vSphere 6.7 (ESXI 6.7)

Umgebung: VMware VCSA 6.7 (VMware-VCSA-all-6.7.0-...

Implementierungscode zur Installation von vsftpd in Ubuntu 18.04

Installieren Sie vsftpd $ sudo apt-get installier...

Zusammenfassung der Probleme beim Hinzufügen, Löschen, Ändern und Abfragen von MySQL-Tabellen, -Spalten und -Datenbanken

Im Folgenden habe ich einige grundlegende SQL-Ken...

So konfigurieren Sie eine statische Netzwerkverbindung in Linux

Das Konfigurieren der Netzwerkkonnektivität für L...

JavaScript, um einen einheitlichen Animationseffekt zu erzielen

In diesem Artikelbeispiel wird der spezifische Co...

25 erweiterte Verwendungsmöglichkeiten von JS Array Reduce, die Sie kennen müssen

Vorwort Reduce ist eine der neuen herkömmlichen A...

Vue realisiert einfachen Effekt des Lauflichts

In diesem Artikel wird der spezifische Code von V...

jQuery implementiert den Fall der Schriftgrößenanpassung

In diesem Artikel wird der spezifische Code von j...

Einführung in die Verwendung des MySQL Performance Stress Benchmark Tools Sysbench

Inhaltsverzeichnis 1. Einführung in Sysbench #Pro...

Eine kurze Diskussion über die Unterschiede und Verbindungen zwischen .html, .htm, .shtml und .shtm

Wie wir alle wissen, haben die Webseiten, Websites...