本篇学习HTML中插入图片标签<img>,img是英文单词image的缩写,主要有三个参数,scr的值需要写图片的路径,height表示图片高度,width表示图片宽度,下面我们用百度首页图片来演示。需要提前把百度首页图片保存到本地,例如我在桌面创建一个HTML的文件夹,里面有baidu.png和当前演示的demo.html两个文件。
<!DOCTYPE html>
<html>
<head>
<title>
HTML插入图片
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<center><font size="4"><p>演示插入百度首页图片文案</p></font></center>
<center><img src="baidu.png" height="60%" width="60%"></center>
</body>
</html>
上面写法是默认图片和demo.html在同一个文件夹下,如果单独把baidu.png放在桌面,你就需要些图片的绝对路径。<center><img src="C:\Users\Administrator\Desktop\baidu.png" height="60%" width="60%"></center>