<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--src 图片地址-->
<img src="img/1.jpg" title="图片标题鼠标悬浮显示文字" alt="图片显示不正常,替代的文字"/>
<!--图片的路径分为两种:
1.相对路径:以本文件为基准去寻找的图片路径
2.绝对路径:以盘符,或者网址开始的图片路径-->
<!--相对路径有三种情况:-->
<!--1.图片和html同级 直接写图片名即可-->
<img src="favicon.ico"/>
<!--2.图片在html的下一级-->
<img src="img/1.jpg"/>
<!--3.图片在html的上一级-->
<img src="../1.jpg"/>
<!--绝对路径:路径定死,以盘符开头,或者是网上服务器上的一张图片-->
<img src="http://img4.imgtn.bdimg.com/it/u=4118960086,2125569760&fm=26&gp=0.jpg" alt="" />
<img src="G:\WEB\实验三\images\mouse\05big.jpg"/>
</body>
</html>
前端学习笔记(HTML)——图片与src的使用
最新推荐文章于 2024-05-13 19:11:46 发布