Heutzutage ist jede Webseite untrennbar mit Bildern verbunden und wird von vielen Benutzern geliebt. Wenn die Website mehr Verkehr haben möchte, kommt sie nicht ohne Bilder aus Werfen wir einen Blick auf das Bild-Tag img und fassen wir für Sie zusammen: Was sind die Attribute des HTML-img-Tags?
1: Einführung in das Bild-Tag img
Im Allgemeinen können wir in HTML verwenden. Das img-Tag ist nicht vorhanden End-Tag für selbstschließende Tags. Wir müssen nur die drei Attribute
beherrschen. [Empfohlene Lektüre: Detaillierte Erklärung des IMG-Tags und der Änderung der Bildgröße in HTML (Bild) ]
1.src-Attribut ist die Dateiadresse des Bildes
2. Das Alt-Attribut ist der Text, der angezeigt wird, wenn das Bild gebrochen wird
3. Das Titelattribut ist der Text, der angezeigt wird, wenn die Maus auf dem Bild platziert wird
Unter den oben drei Attribute, src und alt Es ist unverzichtbar. Im Folgenden werden wir diese drei Attribute im Detail erklären.
2: Detaillierte Erklärung des Bild-Tags img
Die Das src-Attribut ist ein unverzichtbares Attribut für Bilder, im Allgemeinen die Adressquelle des Bildes. Die Syntax lautet:
<img src="图片地址属性"/ alt="Was sind die Attribute des HTML-img-Tags? Ausführliche Erklärung des Bild-Tags img" >
2. Das alt-Attribut im img-Tag dient eigentlich der Suche Engines zu sehen, die Syntax:
<img src="图片地址" alt="图片描述(给搜索引擎看) ">
3.title-Attribut
Das title-Attribut zeigt den Titel des Bildes an, wenn die Maus über das Bild bewegt wird, sodass der Benutzer die Informationen darüber sehen kann das Bild. Syntax:
Zum Beispiel:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>图像标签img</title>
</head>
<body>
<img src="https://img.php.cn/upload/article/000/000/003/5b49b0e610f26951.jpg" alt="php中文网" title="php中文网"/>
</body>
</html>Der Anzeigeeffekt im Browser:
Was sind die Attribute des HTML-IMG-Tags oben? Eine vollständige Einführung zur detaillierten Erklärung des Bild-Tags img. Wenn Sie mehr über das
erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.
Das obige ist der detaillierte Inhalt vonWas sind die Attribute des HTML-img-Tags? Ausführliche Erklärung des Bild-Tags img. 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)
