Heim > Web-Frontend > HTML-Tutorial > So laden Sie lokale Bilder in HTML

So laden Sie lokale Bilder in HTML

王林
Freigeben: 2023-01-03 09:28:42
Original
22841 Leute haben es durchsucht

So laden Sie lokale Bilder in HTML: Sie können das img-Tag verwenden, um lokale Bilder zu laden, z. B. [

So laden Sie lokale Bilder in HTML

Die Betriebsumgebung dieses Artikels: Windows 10-System, HTML 5, Thinkpad T480-Computer. Das

-Tag definiert ein Bild in einer HTML-Seite. Das

-Tag hat zwei erforderliche Attribute: src und alt.

Einführung in allgemeine Attribute:

  • src URL gibt die URL zum Anzeigen von Bildern an.

  • alt text Gibt den alternativen Text für das Bild an.

  • Height Pixel gibt die Höhe des Bildes an.

  • width pixels gibt die Breite des Bildes an.

Wenn wir lokale Bilder laden möchten, können wir die folgende Methode verwenden:

(Lernvideo-Sharing: HTML-Video-Tutorial)

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<img src="本地图片地址" alt="文本说明" width="42" height="42">

</body>
</html>
Nach dem Login kopieren

Verwandte Empfehlungen: HTML-Tutorial

Das obige ist der detaillierte Inhalt vonSo laden Sie lokale Bilder in HTML. 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