Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie Bilder in HTML ein

So fügen Sie Bilder in HTML ein

php中世界最好的语言
php中世界最好的语言Original
2017-11-23 17:39:2426672Durchsuche

In HTML fügen wir oft Bilder ein. Wie fügen wir also Bilder ein? Muss ich irgendetwas tun, damit HTML-Bilder angezeigt werden? Heute werden wir darüber sprechen, wie man Bilder in HTML einfügt

Um Bilder in HTML einzufügen, um Bilder anzuzeigen, ist das HTML-Tag erforderlich. Verwenden Sie dazu das img-Tag erreichen.

htmlBild-TagSyntax

height="60" /> ;

img-Einführung:

auf src folgt die Bildpfadadresse

width Legt die Bildbreite fest

height Legt die Bildhöhe fest

Spezifisches HTML-Bildanzeigebeispiel

Wir fügen drei Bilder in den HTML-Quellcode ein, eines ist ursprünglich groß, eines hat die Breite und Höhe in klein geändert und eines hat die Breite und Höhe in groß geändert.

1. Vollständiger HTML-Code des Beispiels:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>图片插入html 在线演示</title> 
</head> 
 
<body> 
<p>原始大图片</p> 
<p> 
<img src="1.gif" width="165" height="60" /> 
</p> 
<p>改小图片</p> 
<p> 
<img src="2.gif" width="105" height="30" /> 
</p> 
<p>改大图片</p> 
<p> 
<img src="3.gif" width="365" height="120" /> 
</p> 
</body> 
</html>

Die oben genannten Schritte zum Einfügen von Bildern in HTML finden Sie auf der chinesischen PHP-Website Andere verwandte Artikel!

Das obige ist der detaillierte Inhalt vonSo fügen Sie Bilder in HTML ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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