HTML常用标签二

图像标签和路径

1. 目录文件夹：普通的文件夹，里面存放了我们做页面需要的相关素材，比如html文件，图片等

2. 根目录：打开目录文件夹的第一层就是根目录

3. 路径

   • 相对路径

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

     • 简单来说，图片相对于html页面的位置

       相对路径分类	符号	说明
       同一级路径		图像文件位于html文件同一级，如<img src=”badidu.gif” />
       下一级路径	/	图像文件位于html文件下一级，如<img src=”imags/badidu.gif” />
       上一级路径	..、	图像文件位于html文件上一级，如<img src=”../badidu.gif” />

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

超链接标签

1. 在html标签中，<a> 标签用于定义一个超链接，作用是从一个页面链接的另一个页面。
2. 超链接的语法格式

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

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

1. 超链接的分类
   • 外部链接：例如<a href=”” target=”_blank”>百度</a>
     • 外部链接必须以http://开始
   • 内部链接：网站内部页面之间的相互连接，直接连接内部页面名称即可，例如<a href=”index.html”>首页
   • 空连接：如果当时没有确定链接目标时，<a href=”#”>首页</a>
   • 下载链接：如果href里面是一个文件或者压缩包，会下载这个文件。地址链接是文件、.exe、或者zip等压缩包形式
   • 网页元素链接：在网页中的各种网页元素，如文本，图像，表格，音频，视频等都可以添加超链接
   • 锚点链接：快速定位到页面中的某个位置
     • 在连接文本的href属性中，设置属性值为#名字的形式，如<a href=”#two”> 第二集</a>
     • 找到目标位置标签，里面添加一个id属性=刚才的名字，如<h3 id=”two”> 第二季介绍</h3>

注释

在html文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签

1. 格式：<!– –>

特殊字符

在html页面中，一些特殊的符号很难或者不方便直接使用，此时我们就可以使用下面的字符来替换

特殊字符	描述	字符的代码
	空格符	 
<	小于号	&lt;
>	大于号	&gt;
&	和	&amp;
￥	人民币	&yem;
©	版权	&copy;
®	注册商标	&reg;
℃	摄氏度	&deg;
±	正负	&plusmn;
*	称号	&times;
/	÷	&divide;
²	平方	&sup2;
m³	立方	&sup3;