HTML笔记

8.6

1.标签释义

1.1.br标签:

也称为换行标签，强制在文本之间进行换行操作，一般情况下不连续使用。                

<br/>

1.2.span和div标签:

 span和div也被称为无意义标签，在不配合css使用的时候没有任何意义，只在于方便页面的布局和样式的添加，span不能够直接设置宽高，div可以直接设置。

<span></span>
<div></div>

1.3.文本标签：

用于文本样式，不常用，一般由css添加。

<b>字体加粗</b>
<strong>字体加粗</strong>
<i>字体倾斜</i>
<em>字体倾斜</em>
<u>添加下划线</u>
<ins>添加下划线</ins>
<del>添加删除线</del>
<sub>下标</sub>
<sup>上标</sup>

 1.4.map和area标签：

map和area用与在图片中的某片区域插入超链接，这种方式被称为热点地图，用img标签的usemap属性和map标签的name和id进行连接，shape表示区域的形状有矩形（rect），圆形（circle），多边形（poly），coords内填每个角的顶点，当图形为圆的时候表示圆心，r表示半径，当图形为多边形时，每一个顶点都学要写入，首尾顶点需要相同，.area标签必须嵌套在map标签中，后面则填入跳转的地址

<img src="" alt="" usemap="#test">
<map name="test" id="test">
    <area shape="rect" coords="x1,y1,x2,y2" alt="" href=""/>
    <area shape="circle" coords="x,y,r" alt="" href=""/>
    <area shape="poly" coords="x1,y1,x2,y2,……,xn,yn" alt="" href=""/>
</map>

 1.5.有序列表：

ol代表一个表，li表示表中每一项，有序列表会为每一项前面加上序号

<ol>
    <li></li>
    <li></il>
    <li></li>
    <li></li>
</ol>

  1.6.无序列表：

ul代表一个表，li表示表中每一项，无序列表会为每一项前面加上一个符号，ul里面有三个属性来控制前面的符号 disc默认值实心圆，square正方形，circle空心圆

<ul>
    <li></li>
    <li></il>
    <li></li>
    <li></li>
</ul>

2.其他

2.1.标签的嵌套：

标签一般层层嵌套，在嵌套时，开始标签和结束标签应该一一对应，见下演示。

<div><a><p>内容</p></a></div>

2.2.a标签的几种属性和用法：

1.##表示空连接，点击后不会跳转

2.#表示返回当前页面顶部

3.javascript:;表示保持原位置

4javscript:alert('hello world').表示脚本链接，执行js代码

5.mailto:邮箱地址表示电子邮件链接，需要邮箱软件的支持

6."tel:电话号码表示拨打电话，需要电话软件的支持

7.name=""锚点名称表示创建一个锚点使用其他a标签点击后会跳转到当前位置

8.href="#锚点名称"表示在同一页面向锚点的跳转

9.href="目标文档URL# 锚点名称"表示在不同页面一页面向锚点的跳转

<a href="##"</a> 
<a href="#"></a> 
<a href=“javascript:; </a> 
<a href="javscript:alert('hello world')"</a> 
<a href="mailto:邮箱地址"</a> 
<a href="tel:电话号码"</a>
<a name="锚点名称"></a>
<a href="#锚点名称"></a>
<a href="目标文档URL# 锚点名称"></a>

2.3.相对路径和绝对路径：

相对路径表示相对于html文件地址开始选择文件，有三种情况：

1.   ./表示在同级文件夹选择文件

2.   ../表示在上级级文件夹选择文件

3.   /表示根目录内选择文件，根目录是指在编辑器中打开的文件夹

绝对路径表示绝对的网络或者文件地址，有两种情况：

1.表示文件在电脑磁盘的路径，从磁盘开始书写

2.表示网络的网址

2.4.字符实体的补充