Bild-Tag () und Quellattribut (Src)
In HTML werden Bilder durch das -Tag definiert.
Bilder können im Dokument angezeigt werden, indem das -Tag verwendet wird.
ist ein leeres Tag, was bedeutet, dass es nur Attribute enthält und kein schließendes Tag hat. (Empfohlenes Lernen: HTML-Einführungs-Tutorial)
Um Bilder 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:
<img src="url" />
URL bezieht sich auf den Speicherort, an dem das Bild gespeichert ist. Wenn sich ein Bild mit dem Namen „boat.gif“ im Bilderverzeichnis von www.w3school.com.cn befindet, lautet seine URL //m.sbmmt.com/images/boat.gif.
Der Browser zeigt das Bild im Dokument überall dort an, wo das Bild-Tag erscheint. Wenn Sie ein Bild-Tag zwischen zwei Absätzen platzieren, zeigt der Browser zuerst den ersten Absatz, dann das Bild und schließlich den zweiten Absatz an.
Alt-Textattribut (Alt)
Das Alt-Attribut wird verwendet, um eine Zeichenfolge vorbereiteten ersetzbaren Textes für das Bild zu definieren. Der Wert des Ersetzungstextattributs ist benutzerdefiniert.
<img src="boat.gif" alt="Big Boat">
Wenn der Browser das Bild nicht laden kann, teilt das Ersatztextattribut den Lesern mit, welche Informationen sie verloren haben. 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.
Grundlegende Hinweise – Hilfreiche Tipps:
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.
Das obige ist der detaillierte Inhalt vonDas HTML-Bild-Tag ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!