10-img图片标签 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>img图片标签</title>
</head>
<!-- 
    图片
        image标签，行内元素，不会自动换行

        必需属性
            src 被引入的图片的地址
        常用属性
            title   当鼠标悬停在图片上时显示的文字
            alt     当图片未找到时显示的文本
            width   设置宽度 当只设置高度和宽度中的一个属性时，另外一个属性会默认等比变化。当两个属性都设置时则按照设置值拉伸
            height  设置高度
            borer   设置边框
            align   规定如何根据文本来排列图像（了解就行）

 -->
<body>
    <!-- 本地图片 -->
    <img src="./images/双子座.jpg" alt="双子座.jpg" width="200px" height="300">
    <img src="./images/aaa.jpg" alt="">
    <!-- 网络资源 -->
    <a href="https://www.baidu.com" target="_blank">
    <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="" title="百度一你就知道">
    </a>
    

    <hr>
    <div>
        11111
        <img src="./images/aaa.jpg" alt="" align="right">
        22222
    </div>

</body>
</html>
posted @ 2021-01-23 23:30  雪漠阳光  阅读(83)  评论(0)  编辑  收藏  举报