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

UDP DUP-Timeout UPD-Portstatus-Erkennungscodebeispiel

Ich habe bereits zuvor ein Beispiel geschrieben, ...

Kurze Analyse von MySQL Union und Union All

In der Datenbank führen sowohl die Schlüsselwörte...

Zwei Möglichkeiten, den Zeichensatz der HTML-Seite anzugeben

1. Zwei Möglichkeiten, den Zeichensatz der HTML-S...

Tabelle der durch hasLayout verursachten CSS-Fehler

Der IE hat schon seit längerem Probleme. Als alle ...

MySQL verwendet Aggregatfunktionen zum Abfragen einer einzelnen Tabelle

Aggregatfunktionen Wirkt auf einen Datensatz ein ...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.21 winx64 unter Windows 10

Installations- und Konfigurationsmethode für MySQ...

Das Linux-Betriebssystem verwendet Python, um die Visualisierungsfunktion des Task-Managers zu implementieren

1. Python-Installation 1. Erstellen Sie einen Ord...

Detaillierte Erläuterung der KVM-Bereitstellung von drei virtuellen Maschinen zur Implementierung des WordPress-Experiments

1. Einführung in KVM Die Abkürzung für Kernel-bas...

Beispiel für die horizontale Anordnung von li-Tags in HTML

Die meisten Navigationsleisten sind horizontal an...

JS realisiert die automatische Wiedergabe der Timeline

Vor kurzem habe ich einen solchen Effekt implemen...

Hinweise zum Upgrade auf mysql-connector-java8.0.27

Kürzlich wurde bei einem Online-Sicherheitsscan e...

Designideen für MySQL-Backup und -Wiederherstellung

Hintergrund Lassen Sie mich zunächst den Hintergr...

WeChat Mini-Programm-Benutzerautorisierung zum Abrufen einer Mobiltelefonnummer (getPhoneNumber)

Vorwort Das Miniprogramm verfügt über eine sehr p...

Zusammenfassung einiger gängiger Konfigurationen und Techniken von Nginx

Vorwort Dieser Artikel listet mehrere gängige, pr...

Eine detaillierte Einführung in Linux-Dateiberechtigungen

Die Stärke von Linux liegt in seinem Mehrbenutzer...