![](https://i-blog.csdnimg.cn/blog_migrate/7f1ce93f2bd8be8ae68262190e4e5fef.png)
同级:目标文件和当前文件是同级<img src="图片.jpg"/>
下级:目标文件位于当前文件的下级<img src="images/图片.jpg"/>
上级:目标文件位于当前文件是上级<img src="../图片.jpg">
外部路径
借用网上的图片,在网上找到图片,右键复制图片路径,粘贴
缺点:别人的网站出问题,自己的图片也不显示
绝对路径
例:<body>
<img src="D:\~Temp\e.jpg" />
<img src="http://study.qfedu.com/assets/logo.png"/>
</body>
图片<img />
相关属性
src="书写路径"
title="鼠标悬停上去之后的提示信息"
alt="图片不显示之后的提示信息"
width="设置图片的宽度,默认单位是像素"
height="设置图片的高度,默认单位是像素"
例:<body>
<img src="e.jpg" title="他叫萨博" alt="萨博无了" width="400" height="400"/>
</body>
超链接<a></a>
相关属性
base单标签,可以设置整体链接的打开放式 ,<base target="打开方式" />
href="书写路径"
“空”是刷新页面
“#” 是不会进行跳转
title="鼠标悬停上去之后的提示信息"
arget="设置窗口的打开方式"
target="_self" 默认值,本窗口打开
target="_blank" 新窗口打开
target="_new" 始终在同一个新页面打开
target="_parent" 在父级页面打开
target="_top" 在顶层页面打开
例:<body>
<a href="01图片详情.html" target="_blank" title="文字">点我可跳转</a>
</body>