欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

web前端 -- Day2基础知识

程序员文章站 2024-03-22 14:22:04
...

相对路径

        相对路径指的是查找文件的一种关系,它的原理是从文件自身出发去查找目标文件。(使用范围:背景图、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