05-图像标签 

<!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>
posted @ 2021-04-28 15:22  王祯  阅读(63)  评论(0)    收藏  举报