Bild-Tag-Attribute in HTML_CSS/HTML

Bild-Tag-Attribute in HTML
Bilder können Webseiten lebendiger und schöner machen. Der Browser kann JPEG- und GIF-Bilder nur mit bis zu 256 Farben anzeigen (d. h. sie können nur als 8-Bit-Farben gespeichert werden), während das JPEG-Format als 24-Bit-Farbton gespeichert werden kann Das Bild hat die beste Wirkung. Obwohl GIF-Bilder hinsichtlich der Bildqualität nicht so gut sind wie JPEG-Bilder,
können sie aufgrund des Speicherplatzes, den sie belegen, schnell heruntergeladen werden. Daher sollten Sie je nach Situation entscheiden, welches Bildformat Sie verwenden möchten.
Das Einfügen von Bildern in HTML-Dokumente erfolgt über das Tag
. Dieses Tag hat insgesamt 9 Attribute. Mit Ausnahme des Attributs SRC, das nicht voreingestellt werden kann, sind alle anderen Attribute optional.

1. SRC-Attribut. SRC ist Quelle. Dieses Attribut wird verwendet, um den Speicherort der referenzierten Bilddatei anzugeben. Beispiel:
Absolute Pfadnotation:
Relative Pfadnotation:
Der Attributparameterwert von SRC ist die URL der Bilddatei. Beachten Sie, dass die relative Notation zur Identifizierung des Speicherorts der Bilddatei
nur dann verwendet werden kann, wenn sich die Bilddatei und das HTML-Dokument im selben Verzeichnis befinden.
Zweitens: ALIGN-Attribut. Die Parameterwerte des align-Attributs sind oben, mitte und unten. Sie geben jeweils an, dass sich der Text neben dem Bild oben links, in der Mitte links und unten rechts
im Bild befindet. Zum Beispiel:

Testseite

---

Ich Sieht das Symbol gut aus?

---

Wie wäre es mit einem weiteren Blick darauf?

---

Sie können das Bild zu Ihrem eigenen ändern. Beachten Sie, dass das Standardverzeichnis des Browsers der temporäre Ordner „windows/TEMP“ ist. Sie müssen das Verzeichnis angeben, in dem sich das Bild befindet.
Viertens, ALT-Attribut. Wenn Benutzer im Internet surfen, entscheiden sie sich oft dafür, Bilder nicht herunterzuladen, um Zeit zu sparen oder aus anderen Gründen. Durch das Hinzufügen des ALT-Attributs können einige Informationen über das Bild an der Position
angezeigt werden, an der das Bild ursprünglich angezeigt wird. Der Parameterwert des ALT-Attributs ist die Textinformation, die der Webseiteneditor dort erscheinen möchte, wo das Bild ursprünglich angezeigt wird. Im Allgemeinen ist
der Name und die kurze Beschreibung des Bildes. Zum Beispiel.



Testseite

---

Kannst du es nicht sehen? Hehe

---

Fünf, bestätige das Bildeigenschaften wie Ränder. Das

-Tag verwendet die beiden Attribute vspace und hspace, um die Größe des Abstands zwischen dem Bild und seinen angrenzenden Objekten zu bestimmen. Das vspace-Attribut wird verwendet, um den Abstand zwischen einem Bild und seinen vertikal benachbarten Objekten anzugeben. hspave wird verwendet, um den Abstand zwischen einem Bild und seinen horizontal angrenzenden Objekten anzugeben. Die Parameter dieser beiden Attribute sind Zahlen, die die Anzahl der Pixel angeben, die in einem Abstand von verbleiben.
6. BORDER-Attribut.
Wenn der Browser das Bild aufruft, fügt er dem Bild je nach Größe des Browserfensters und des Originalbilds unterschiedlich breite Ränder hinzu. Mit dem border-Attribut können wir die Breite des Bildrandes angeben
oder den Rand abbrechen
. Der Parameterwert des Randattributs ist ebenfalls eine Zahl, die die Anzahl der Pixel angibt, die von der Randbreite eingenommen werden. Zum Beispiel:


Testseite

---

Sehen Sie sich einfach die Wirkung an.

---

Je größer der Randparameterwert, desto größer der Rand. 7. ISMAP-Attribut
Dieses Attribut bezieht sich auf den Hyperlink des Dokuments. Wir werden es später im Detail erklären.