web前端 -- Day2基础知识
相对路径
相对路径指的是查找文件的一种关系,它的原理是从文件自身出发去查找目标文件。(使用范围:背景图、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为在新窗口中打开方式。
base标签
base 可以设置整体链接的打开状态,写到 之间。例如:,表示 本页面所有的超链接都打开新的窗口。
这些是比较基本的基础内容,但是当你渐渐接触大前端后,慢慢发现这些远远不足,需要你不停的学习了解。给你推荐下免费的自学资源网站:菜鸟教程、MDN
推荐阅读
-
Python基础知识学习——Day2
-
web前端 -- Day2基础知识
-
Day2 python基础知识
-
Python 基础知识 Day2
-
web前端常见受攻击方式及解决办法
-
Nearth===>WEB前端--第6课/JQuery/网页实现开关灯(小案例)
-
新浪云SAE共享型数据库MySQL使用经验 博客分类: Web前端MySQL nginxwebSAE新浪云php
-
maven 构建 Google AppEngine 博客分类: web前端 mavenGoogleGAE配置管理.net
-
【Error】Syntax error on token "Invalid Character", delete this token 博客分类: Web前端_Javascript
-
IE8 中"HTML Parsing Error:Unable to modify the parent container element before th 博客分类: Web前端_Javascript