html学习打卡

为了游戏本，冲冲冲

路径

页面中的图片会非常多，通常我们会新建一个文件夹来存放这些图像文件（images），这时再查找图像，就需要采用路径的方式来指定图像文件的位置。

1.相对路径

以引用文件相对位置为参考基础，而建立出的目录路径。

简单来说，就是图片相对于HTML页面的位置。

相对路径分类	符号	说明
同一级路径		图像文件位于HTML文件同一级     如<img src="baidu.gif/"文件名
下一级路径	/	图像文件位于HTML文件下一级     如<img src="imges/baidu.gif/"同级文件夹
上一级路径	../	图像文件位于HTML文件上一级      如<img src="../baidu.gif/"

相对路径是从代码所在的这个文件出发，去寻找目标文件的，而我们这里所说的上一级，下一级和同一级就是图片相对于HTML页面的位置

2.绝对路径
绝对路径是指目录下的绝对位置直接到达目标位置，通常是从盘符开始的路径。

例如，"D:\web\img\logo.gif"或完整的网络地址"http://www.itcast.cn/images/logo.gif"

---

常用链接之超链接

在HTML标签中，<a>标签用于定义超链接，作用是从一个页面链接到另一个页面。

链接的语法格式及分类

<a  href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

属性	作用
href	用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，他就具有了超链接功能
target	用于指定链接页面的打开方式，其中_self为默认值，_blank为新窗口打开

 

2.链接分类:

1.外部链接:例如< a href= *http:// www.baidu.com*>百度</a>.
2.内部链接:网站内部页面之间的相互链接直接链接内部页面名称即可,例如<a href="index.html"> 首页 </a>.
3.空链接: 如果当时没有确定链接目标时, <a href="#">首页</a> .
4.下载链接:如果href里面地址是一个文件或者压缩包， 会下载这个文件。
5.网页元素链接:在网页中的各种网页元素。如文本.图像、表格、音颜、视频等都可以添加超链接

6.锚点链接 

在链接文本的href属性中，设置属性值为#名字的形式，如<a href="#two">第二集</a>

找到目标位置标签,里面添加一个id属性 = 刚才的名字，如:<h3 id="two">第二集介绍</h3>
 

 注释标签