web前端 -- Day2基础知识

相对路径

        相对路径指的是查找文件的一种关系，它的原理是从文件自身出发去查找目标文件。（使用范围：背景图、img、网页之间的链接）以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。

1. 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如<img src=”logo.gif” />。
2. 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如<img src=”img/img01/logo.gif” />。
3. 图像文件位于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为在新窗口中打开方式。

base标签

base 可以设置整体链接的打开状态，写到 之间。例如：，表示 本页面所有的超链接都打开新的窗口。

这些是比较基本的基础内容，但是当你渐渐接触大前端后，慢慢发现这些远远不足，需要你不停的学习了解。给你推荐下免费的自学资源网站：菜鸟教程、MDN