Heim > Web-Frontend > HTML-Tutorial > Das HTML-Bild-Tag ist

Das HTML-Bild-Tag ist

(*-*)浩
Freigeben: 2019-09-10 08:53:52
Original
3249 Leute haben es durchsucht

Bild-Tag () und Quellattribut (Src)

Das HTML-Bild-Tag ist

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" />
Nach dem Login kopieren

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">
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage