Dieser Artikel vermittelt Ihnen hauptsächlich eine detaillierte Erläuterung der grundlegenden HTML-Bild-Kenntnisse – Bild-Tags () und Quellattribute (Src).
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:
<img src="url" alt="some_text">
URL bezieht sich auf den Speicherort, an dem das Bild gespeichert ist. Wenn sich das Bild mit dem Namen „pulpit.jpg“ im Bilderverzeichnis von www.runoob.com befindet, lautet seine URL https://img.php.cn/upload/article/000/054/025/69ee4cbf3049b8bcc16a7e91b3657b16-0. jpg .
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.
Das Alt-Attribut wird verwendet, um eine Zeichenfolge vorbereiteten ersetzbaren Texts 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 die verlorenen 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.
Die Höhen- und Breitenattribute werden verwendet, um die Höhe und Breite des Bildes festzulegen.
Die Standardeinheit für Attributwerte ist Pixel:
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
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.
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 korrekt festgelegt werden kann, kann der Browser das Bild nicht laden und das Bild-Tag wird als fehlerhaft angezeigt Bild.
| 标签 | 描述 |
|---|---|
| 定义图像 | |
| 定义图像地图 | |
| 定义图像地图中的可点击区域 |
Verwandte Empfehlungen:
5 empfohlene Artikel über HTML-Bilder
Über HTML-Bilder Detaillierte Einführung
Tiefgehendes Verständnis von HTML images_html/css_WEB-ITnose
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der grundlegenden HTML-Bildkenntnisse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
