HTML 学习手册（常用的标签）

HTML标签
1、<!DOCTYPE>
声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

<!DOCTYPEhtml

PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2、<a> 标签可定义锚
属性
取值
描述

href
url
连接目标的url

name
section_name
命令一个锚。使用此属性在文档中创建某个书签。在XHTML的未来版本中，name属性会被id属性取代

target
_blank

_parent

_self

_top
在何处打开目标 URL。

_blank：在一个新的未命名的窗口载入文档

_self：在相同的框架或窗口中载入目标文档

_parent：把文档载入父窗口或包含了超链接引用的框架的框架集

_top：把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架

一个锚有两种用法：

通过使用 href 属性，创建一个到另外一个文档的链接

通过使用 name 或 id 属性，创建一个文档内部的书签

(1)创建锚

<ahref="#C4">锚</a>

点击上面的连接，会定位到

<aid="C4">Chapter 4</a>或者<a name="C4">Chapter4</a>的文件

(2)创建电子邮件

<aref="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>

3、<abbr>
表示一个缩写形式，比如 "Inc."、"etc."。通过对缩写词语进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

注释：在某些浏览器中，当您把鼠标移至缩略词语上时，title 属性可被用来展示表达的完整版本。

4、<acronym>
定义只取首字母缩写，比如 "NATO"。通过对只取首字母缩写进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

5、<address>
定义一个地址（比如电子邮件地址）。您应当使用它来定义地址、签名或者文档的作者身份

6、<area> 映射区域
定义图像映射中的某个区域

属性
取值
描述

coords
坐标值
定义可点击区域的坐标

href
URL
定义此区域的目标URL

nohref

true

false

从图像映射排除某个区域。

shape
rect

rectangle

circ

circle

poly

polygon
定义区域的形状

注：coords 属性

<area> 标签的 coords 属性定义了客户端图像映射中对鼠标敏感的区域的坐标。坐标的数字及其含义取决于 shape 属性中决定的区域形状。可以将客户端图像映射中的超链接区域定义为矩形、圆形或多边形等。

下面列出了每种形状的适当值：

圆形：shape="circle"，coords="x,y,z"

这里的 x 和 y 定义了圆心的位置（"0,0" 是图像左上角的坐标），z 是以像素为单位的圆形半径。

多边形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..."

每一对 "x,y" 坐标都定义了多边形的一个顶点（"0,0" 是图像左上角的坐标）。定义三角形至少需要三组坐标；高纬多边形则需要更多数量的顶点。

多边形会自动封闭，因此在列表的结尾不需要重复第一个坐标来闭合整个区域。

矩形：shape="rectangle"，coords="x1,y1,x2,y2"

第一个坐标是矩形的一个角的顶点坐标，另一对坐标是对角的顶点坐标，"0,0"是图像左上角的坐标。请注意，定义矩形实际上是定义带有四个顶点的多边形的一种简化方法。

例如

</map>

注释：如果某个 area 标签中的坐标和其他区域发生了重叠，会优先采用最先出现的 area 标签。浏览器会忽略超过图像边界范围之外的坐标。

案例：

<img src="eg_planets.jpg" usemap="#planetmap"

alt="Planets" />

<area

shape="circle"

coords="180,139,14"

href =" "

target ="_blank"

alt="Venus" />

</map>

注释：img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。

7、字体样式元素
它们不被赞成使用,通过使用样式表会取得更加多样的效果。

<tt> 呈现类似打字机或者等宽的文本效果。

<i> 显示斜体文本效果。

<b> 呈现粗体文本效果。

<big> 呈现大号字体效果。

<small> 呈现小号字体效果。

<sub> 标签可定义下标文本

<sup> 可定义上标文本

8、base 元素：基准的url
可规定页面中所有链接的基准 URL。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

属性
取值
描述

href
URL
规定页面中所有链接的基准URL

traget
……
……

注释：<base> 标签必须位于 head 元素内部。

案例：

head中

<base target="_blank"href="img/">href可以是绝对的url或者相对的url

body中

实际是这样的代码

9、bdo 元素：文本方向
可覆盖默认的文本方向。

属性
取值
描述

dir
ltr

rtl
定义文件的方向

案例：逆序输出

<bdo dir="rtl">Here issome Hebrew text</bdo>

10、<blockquote> 标签
可定义一个块引用。<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进，而且有时会使用斜体。

11、body标签
body中的alink(规定文档中活动链接（activelink）的的颜色)、background(用作背景的图像)、bgcolor(文档的背景颜色)、link(文档中所有链接的颜色)、text(文档中所有文本的颜色)、vlink(文档中所有被访链接的颜色)这些属性不推荐使用，推荐使用样式表中的属性。

12、 <caption> 标签
caption 元素可定义一个表格标题。caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

案例：

<table>

<tr>

</tr>

</table>

13、<col> 标签：表格列的属性
为表格中一个或多个列定义属性值。您只能在表格或 colgroup 中使用此元素。

如果您希望在 colgroup 内部为每个列规定不同的属性值时，请使用此元素。如果没有 col 元素，列会从 colgroup 那里继承所有的属性值。

案例

</colgroup>

<tr>

</tr>

</table>

属性
取值
描述

align
right

left

center

justify

char
在列中定义单元格中内容的水平排列方式

char
character
规定根据那种

补充：web前端 , HTML/CSS  ,