<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>05-图像</title>
</head>
<body>
<!--
img : image 图像
1. 必要属性 src (source 源)
a. 图片放在static web下的img文件夹
b. 设置两种
1). 本地图片 a.jpg (450*300)
2). 远程图片 (联网)
2. width: 宽度
3. height: 高度
只要设置单边, 另一边也会等比例缩放
所以一般宽高不会同时设置, 同时设置不好看
4. alt : 如果图片加载失败,出现的提示
(网络图片被删除)
5. title: 鼠标移上去出现的提示
-->
<img src="../img/a.jpg">
<img src="../img/a.jpg" width="150px">
<img src="../img/a.jpg" height="250px">
<img src="../img/a.jpg" width="150" height="150">
<br>
<img width="150" src="http://5b0988e595225.cdn.sohucs.com/images/20180520/285628581d01452b9950d702502a93e7.jpeg"> <br>
<br>
<img src="../img/a.jpg" alt="图片加载失败"><br>
<img src="../img/b.jpg" alt="图片加载失败"> <br>
<a href="http://www.baidu.com">
<img src="../img/a.jpg" alt="图片加载失败" title="这是我老婆">
</a>
</body>
</html>