03-图片标签


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--&lt;!&ndash;1. 图片标签&ndash;&gt;-->
<!--&lt;!&ndash;src属性 图片路径;可以是网络路径,也可以是本地路径&ndash;&gt;-->
<!--<img src="http://img.juimg.com/tuku/yulantu/130517/305743-13051G3140872.jpg" alt="">-->

<!--&lt;!&ndash;2.本地路径:可以是相对路径 &ndash;&gt;-->
<!--&lt;!&ndash; ./表示当前目录, ../ 上一级目录, ../../ 上一级的上一级&ndash;&gt;-->
<!--<img src="./images/下载.jpg" alt="">-->

<!--&lt;!&ndash;3.绝对路径&ndash;&gt;-->
<!--<img src="D:\4.优就业\第二阶段\北京python0902\day01\images\下载 (9).jpg" alt="">-->

<!--&lt;!&ndash;建议使用相对路径,文件移动后,也能正常显示&ndash;&gt;-->

<!--4. title属性,鼠标进入图片区域,显示标题文字-->

<!--5. alt属性 图片不能正常显示时,显示的替代文字-->
<img src="./images/下载0000.jpg" title="美女图片" alt="图片不能正常显示时,显示的替代文字" >




</body>
</html>
发布了128 篇原创文章 · 获赞 24 · 访问量 4292

猜你喜欢

转载自blog.csdn.net/return_min/article/details/103820923
03-
今日推荐