Eine ausführliche Einführung in HTML-Bilder

HTML-Bilder – Bild-Tag () und Quellattribut (Src)

In HTML werden Bilder durch das -Tag definiert.

ist ein leeres Tag, was bedeutet, dass es nur Attribute und kein schließendes Tag enthält.

Um ein Bild auf der Seite anzuzeigen, müssen Sie das Quellattribut (src) verwenden. src bezieht sich auf „Quelle“. Der Wert des Quellattributs ist die URL-Adresse des Bildes.

Die Syntax zum Definieren eines Bildes lautet:

HTML-Bild – Alt-Attribut

Das Alt-Attribut wird verwendet, um eine Zeichenfolge mit vorbereitetem Alternativtext für das Bild zu definieren.

Der Wert des Ersetzungstextattributs ist benutzerdefiniert.

Wenn der Browser das Bild nicht laden kann, teilt das Ersatztextattribut den Lesern die fehlenden Informationen mit. An dieser Stelle zeigt der Browser diesen alternativen Text anstelle des Bildes an. Es empfiehlt sich, allen Bildern auf der Seite das Alt-Text-Attribut hinzuzufügen. Dies trägt zur besseren Anzeige von Informationen bei und ist sehr nützlich für diejenigen, die Nur-Text-Browser verwenden.

---

HTML-Bild – legen Sie die Höhe und Breite des Bildes fest

Die Eigenschaften height und width werden verwendet, um die Höhe und Breite des Bildes festzulegen.

Die Standardeinheit des Attributwerts ist Pixel:

Tipp: Es empfiehlt sich, die Höhe und Breite des Bildes anzugeben. Wenn ein Bild eine bestimmte Höhe und Breite hat, werden die angegebenen Abmessungen beim Laden der Seite beibehalten. Wenn die Größe des Bildes nicht angegeben wird, kann das Gesamtlayout der HTML-Seite beim Laden der Seite zerstört werden.

---

Grundlegende Verhaltensregeln – Hilfreiche Tipps:

Hinweis: Wenn eine HTML-Datei zehn Bilder enthält, müssen zur korrekten Anzeige der Seite 11 Dateien geladen werden. Das Laden von Bildern nimmt Zeit in Anspruch. Unser Rat lautet daher: Verwenden Sie Bilder mit Vorsicht.

Hinweis: Achten Sie beim Laden der Seite auf den Pfad zum Einfügen des Seitenbildes. Wenn die Position des Bildes nicht richtig eingestellt werden kann, kann der Browser das Bild nicht laden Das Bild-Tag zeigt ein defektes Bild an.

HTML-Bild-Tag

标签	描述
	定义图像
	定义图像地图
	定义图像地图中的可点击区域

Das obige ist der detaillierte Inhalt vonEine ausführliche Einführung in HTML-Bilder. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!