相对路径
相对路径指的是查找文件的一种关系，它的原理是从文件自身出发去查找目标文件。（使用范围：背景图、img、网页之间的链接）以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。
- 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如<img src=”logo.gif” />。
- 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如<img src=”img/img01/logo.gif” />。
- 图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如<img src=”../logo.gif” />。
相对路径的三种查找方式：
1、网络查找：直接写文件名称即可找到，例如：src = “pic.jpg”
2、向下查找：写文件夹名称/文件名称，例如：src=“imges/pic.jpg"
3、向上查找：通过../表示上一级，例如：src=“../pic.jpg”
总结：无论是哪种查找方式，都需要写全文件名称，注意后缀；要求以后的网页书写路径都采用相对路径；
相对路径的要求：
1、相对路径不能跨盘符查找（文件在不同的盘符，例如：网页在d盘图片在e盘）。
2、相对路径的过程不能有中文
超链接a标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
超链接标签通过a表示，他有一个必备的属性是href，href作用是用来设置跳转的路径，href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。 Hypertext Reference的缩写，意思是超文本引用。
1、加链接的设置方式：（1）、href=“#” ; （2）、href=“javascript:;”
2、target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式。
超链接伪类
伪类是一种状态，并不是默认样式，而是触发后的而一种样式。
1、a:link — 表示超链接默认样式
2、a:visited — 超链接访问之后的样式
3、a:hover — 鼠标移动到上面的样式
4、a:active — 鼠标选中/点击之后的样式
注意事项：实际项目中只写a和a:hover的样式
base标签
base 可以设置整体链接的打开状态，写到 <head> </head> 之间。例如：<base target =“_blank” />，表示 本页面所有的超链接都打开新的窗口。
这些是比较基本的基础内容，但是当你渐渐接触大前端后，慢慢发现这些远远不足，需要你不停的学习了解。给你推荐下免费的自学资源网站：菜鸟教程、MDN
网友评论