Heim >Web-Frontend >HTML-Tutorial >Das HTML-Bild-Tag ist
Bild-Tag (a1f02c36ba31691bcfe87b2722de723b) und Quellattribut (Src)
In HTML werden Bilder durch das a1f02c36ba31691bcfe87b2722de723b-Tag definiert.
Bilder können im Dokument angezeigt werden, indem das a1f02c36ba31691bcfe87b2722de723b-Tag verwendet wird.
a1f02c36ba31691bcfe87b2722de723b 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 http://www.php.cn/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!