html图片的三种加载方式

最新推荐文章于 2024-08-13 01:30:21 发布

April临末

最新推荐文章于 2024-08-13 01:30:21 发布

阅读量7.4k

点赞数 2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>手机</title>
</head>
<body>
      
    <!--   &lt;!&ndash; 图片的来源：
       <1.网上url
        2.本地的绝对路径
        3.本地的相对路径&ndash;&gt;-->
       <!-- <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9
        999_10000&sec=1553913876&di=3d9bf79adcae563997430a40cc5
        90772&imgtype=jpg&er=1&src=http%3A%2F%2F
        gss0.baidu.com%2F7Po3dSag_xI4khGko9WTAnF6hhy%2Fzhidao%2Fpic
        %2Fitem%2F9d82d158ccbf6c81d7f452f7
        b43eb13532fa40e9.jpg" style="width: 200px">--><!--导入一张图片，并设置图片大小为200--><!--网上url-->
        <!--<img src="123.PNG" style="width: 200px">--><!--相对路径-->
        <!--<img src="E:\download\125.png" style="width: 200px">--><!--绝对路径-->
        <img src="123.PNG" style="width: 200px" alt="这是桌面" title="这是桌面">
        <!--title图片提示符，鼠标放在图片上时，会显示里面的内容-->
       <!--alt图片发生错误时，显示alt里面的文字内容叫图片占位符-->

</body>
</html>