HTMLに画像を挿入する方法を教えます-htmlチュートリアル-php.cn

HTMLに画像を挿入する方法を教えます

Y2J

リリース： 2017-05-24 09:38:13

オリジナル

11369 人が閲覧しました

この記事では主にHTMLに画像を挿入する例を紹介します（HTMLに画像を追加する）。

画像をHTMLに挿入するには、HTMLタグを使用することができます。 imgタグ。

1. HTML 画像タグの構文

コードは次のとおりです:

imgはじめに:

src の後に画像パスアドレスが続きます

width 画像の幅を設定します

height 画像の高さを設定します

2. 具体的な HTML 画像の表示例 - TOP

HTML に 3 つの画像を挿入しますソースコード、1つは元々大きいもの、1つは幅と高さを小さく変更したもの、もう1つは幅と高さを大きく変更したものです。

1. 完全な HTML コードの例:

コードは次のとおりです:

<!DOCTYPE html> 
<html> 
<head> 
<meta char
set
="utf-8" /> 
<title>图片插入html 在线演示 <a href="http://www.vcss.com</title">www.vcss.com</title</a>> 
</head> 
<body> 
<p>原始大图片</p> 
<p> 
<img src="pcss5-logo-201305.gif" width="165" height="60" /> 
</p> 
<p>改小图片</p> 
<p> 
<img src="pcss5-logo-201305.gif" width="105" height="30" /> 
</p> 
<p>改大图片</p> 
<p> 
<img src="pcss5-logo-201305.gif" width="365" height="120" /> 
</p> 
</body> 
</html>

ログイン後にコピー

2. HTML 画像挿入のスクリーンショットの例