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

MySQL verwendet benutzerdefinierte Sequenzen zur Implementierung von row_number-Funktionen (detaillierte Schritte)

Nachdem ich einige Artikel gelesen hatte, habe ic...

Kurze Analyse von MySQL Union und Union All

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

Detaillierte Schritte zum Erstellen eines Vue-Scaffolding-Projekts

Vue-Gerüst -> vue.cli Erstellen Sie schnell ei...

Analyse allgemeiner Grundvorgänge der MySQL-Datenbank [Datenbank erstellen, anzeigen, ändern und löschen]

In diesem Artikel werden anhand von Beispielen di...

So verwenden Sie Volume zum Übertragen von Dateien zwischen Host und Docker-Container

Ich habe zuvor einen Artikel über die Dateiübertr...

CSS-Beispielcode zum Erzielen eines kreisförmigen Fortschrittsbalkeneffekts mit Farbverlauf

Umsetzungsideen Ganz außen ist ein großer Kreis (...

GDB-Debugging, MySQL-Kompilierung und Installation des tatsächlichen Kampfquellcodes

Quellcode herunterladen Git-Klon https://github.c...

Detaillierte Erklärung der Beziehung zwischen React und Redux

Inhaltsverzeichnis 1. Die Beziehung zwischen Redu...

So generieren Sie MySQL-Beispielcodes für die stapelweise Generierung einer Tabelle mit nicht duplizierten Mobiltelefonnummern

Vorwort In vielen MySQL-Test-Szenarien müssen ein...

Übertragung von Routing-Parametern für die Kommunikation von React-Komponenten (react-router-dom)

Inhaltsverzeichnis Ich habe vor Kurzem React gele...

So implementieren Sie „insert if none“ und „update if yes“ in MySql

Zusammenfassung In einigen Szenarien kann eine so...

Allgemeine DIV-Aufgaben (Teil 2) — Umwandlung in Editoren und verschiedene DIY-Anwendungen von DIV

Seit der Einführung des contentEditable-Attributs ...

CSS implementiert sechs adaptive zweispaltige Layoutmethoden

HTML-Struktur <Text> <div Klasse="W...

Zusammenfassung der Techniken zur Implementierung komplexer Seitenlayouts mithilfe von Framesets

Code kopieren Der Code lautet wie folgt: <html...

Optimierung von Datentabellen in MySQL-Datenbanken, Analyse von Fremdschlüsseln und Nutzung von drei Paradigmen

Dieser Artikel veranschaulicht anhand von Beispie...