HTML 常用标签

1. 文字版面的编辑

独立标签，加不加"/"没关系

- 格式标签（用于定义网页中文本的布局，缩进，位置，换行控制，列表等）

<br>换行

<hr>水平分隔线

<pre></pre>保留文字在源代码中的格式

<p></p>段落

<ul><li type="">无序，列表可以嵌套列表 type可以是circle, square等

<ol><li type="">有序，列表可以嵌套列表

 ； 空格

<span>行内块</span>

<nobr></nobr>不换行

- 文本标签（重点强调某一部分的文字，或者让文字有所变化）

<hn></hn>黑体n号，n<7

<b>粗体

<i>斜体

<u>下划线

<sub>下标

<sup>上标

<em>强调的斜体字

<strong>粗体

<small>小型文字

<big>大型文字

<cite>举例的斜体字

<tt>输出打印机文字

<div>分层</div>

<font face="" color="" size="">

+,-相对当前字体大小

2. 超链接和锚点

- 超链接

绝对链接，相对链接

<a href="url" target="">content</a>

之前提到过，url有四部分组分，协议+主机（文件）+附加信息，如mailto: amy12@gmail.com?subject=html&hello&cc=crazy@163.com

target有四个取值:

1） _self 在自己的窗体开启链接

2） _blank 打开一个新窗口

3） _top和_parent用于分帧

- 锚点设置<a name="自定义name">content</a>

相当于加个目录，实现本网页内的跳转，与<a href="#a中自定义的name">content</a>配置使用，#表示当前页面（当然我们可以在#后面定义其他网页），如果只有#后面没有任何内容，此时点击相关链接会跳到页面开头

3. 图像和图像地图

- 图像

<img>独立标签，可以加上下列属性：

1） src 指定图片的来源

2） border 默认是0

3） alt 为图片添加描述性文字，当鼠标指向图片时，就会显示该文字，而且当图片不存在的时候，也会显示该文字，使用户知道本来这个图片是什么，搜索引擎也可以根据该文字来搜索图片

4） width和height 可以通过百分数和具体数值来指定，如果只知道宽或者高，图片会等比例缩放

- 图像地图

指定热点，可以划分图像区域，使不同的区域指向不同的链接

<img src="" usemap="#map中自定义name" border=0>

<map name="自定义name">

<area shape="" coords="" href=""> shape可以使rect, circle, poly等，但是coords要随着改变，一般来说图像的左上角顶点是（0，0）,画矩形要指定左上角顶点和右下角顶点，对于圆，我们要知道圆心和半径，至于多边形，我们需要指定每个顶点

</map>

要注意的是，图像地图使用过多的话，加载速度会变慢