HTML初入门2

学习目标

学习更多关于HTML的知识

---

学习内容

1. 相对路径和绝对路径
2. 链接标签
3. 注释标签
4. 特殊字符

---

一、绝对路径和相对路径

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

相对路径分类	符号	说明
同一级路径		文件位于HTML文件同一级 eg.<img src=文件名称" />
下一级路径	/	文件位于HTML文件下一级 eg.<img src=t同级文件夹/文件名称"  />
上一级路径	../	文件位于HTML文件上一级 eg.<img src=../文件名称" />

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

               eg.  "D:\html\image\图片文件"  或者是完整的网络地址 "http://www.baidu.com/tupian.jpg"

二、链接标签

• 链接的语法格式

        <a href="目标地址" target="目标窗口的弹出方式(默认_self)">连接名称</a>

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

• 连接的分类

1、外部链接   eg. <a href="http://www.baidu.com">百度一下，你就知道</a>

2、内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可  eg. <a href="xxx.html">xxx页面</a>

3、空连接：如果当时没有确定的目标链接时， <a href="#">首页</a>

4、下载链接：如果href中的地址是文件或压缩包，则会下载这个文件

5、网页元素链接：在网页中各种元素，如文本、音乐、视频等都可以添加超链接

6、锚点链接：点击链接，可以快速定位到页面中的某个位置

• 在链接文本的href属性中，设置属性值为#名字的格式，如<a href="#two">2</a>
• 找到目标位置标签，里面添加一个id属性=刚才的名字如<h3 id=two>2</h3>

三、注释标签

        <!--注释内容-->

四、特殊字符

在HTML页面中,有些特殊的符号很难或者不方便直接使用,此时可以使用下面的字符来替代

特殊字符	描述	字符代码
	空格符	 
>	大于号	<
<	小于号	&gt;
&	和号	&amp;
￥	人民币	&yen;
©	版权	&copy;
®	注册商标	&reg;
°	摄氏度	&deg;
±	正负号	&plusmn;
×	乘号	&times;
÷	除号	&divide;
²	平方2	&sup2;
³	立方3	&sup3;