常用HTML标记说明

序号

标记

作用 / 功能

备注

 

语言结构

 

 

1

<DOCTYPE>

定义 HTML 文件的类型

[ 注 1]

2

<HTML>

定义 HTML 文件的开始和结束

 

3

<HEAD>

定义文件头部

 

4

<BODY>

定义文件主体

[ 注 2]

5

<ISINDEX>

在浏览器上建立一个交互索引框

[ 注 1]

 

 

 

 

 

文件头部

 

 

1

<LINK>

定义文件与其他文件或资源间的链接关系

[ 注 1]

2

<BASE>

设定相对引用的基址 URL

[ 注 1]

3

<META>

记录文件自身信息。如,编码、作者、版权、关键字

[ 注 1]

4

<STYLE>

定义样式

 

5

<TITLE>

定义标题,显示于浏览器标题栏

 

 

 

 

 

 

格式标记

 

 

1

<B>

定义文本为粗体

 

2

<BASEFONT>

定义文本属性。如,字体、字型、颜色和样式等

[ 注 1]

3

<BIG>

字体(在原有的基础上)稍为加大

 

4

<CITE>

文本逻辑样式:斜体(用于 引证、举例等 )

 

5

<I>

定义文本为斜体

 

6

<CODE>

文本逻辑样式:将程序代码显示等宽字体

 

7

<DFN>

文本逻辑样式:斜体(用于术语定义)

 

8

<EM>

文本逻辑样式:斜体(用于强调)

 

9

<FONT>

定义文本属性。如,字体、颜色和样式等

 

10

<KBD>

文本逻辑样式:显示等宽字体(用于提示用户应键盘输入)

 

11

<SAMP>

文本逻辑样式:显示等宽字体(常用于举例)

 

12

<SMALL>

字体(在原有的基础上)稍为缩小

 

13

<SPAN>

在文本中定义一个自选区域,以便添加 id 属性、样式等

 

14

<STRIKE>

为文本添加删除线

 

15

<STRONG>

文本逻辑样式:粗体(用于强调)

 

16

<SUB>

定义下标文本

 

17

<SUP>

定义上标文本

 

18

<TT>

标准打印机字体

 

19

<U>

为文本添加下划线

 

20

<VAR>

文本逻辑样式:斜体(用于变量定义)

 

 

 

 

 

 

超文本链接标记

 

 

1

<A>

定义超文本链接

[ 注 3]

2

<MAP>

为客户端图像映像指定链接

 

3

<AREA>

定义客户端图像映像图(区域)

[ 注 1] 、 [ 注 4]

 

 

 

 

 

图像与声音

 

 

1

<BGSOUND>

为 HTML 文件指定背景声音

[ 注 1] 、 [ 注 5]

2

<IMG>

将图像嵌入网页,及设定图像属性

[ 注 1] 、 [ 注 6]

 

 

 

 

 

块元素

 

 

1

<ADDRESS>

定义文本为斜体(用于地址)

 

2

<BLOCKQUOTE>

文本悬挂缩进(用于引用文本)

 

3

<BR>

强制文本换行

[ 注 1]

4

<CENTER>

使网页元素居中显示

 

5

<DIV>

为网页元素分区

 

6

<Hn>

段落样式:标题 n (标题 1 至标题 6 )

 

7

<HR>

插入水平线

[ 注 1]

8

<PRE>

预格式化文本,使浏览器能保留显示这些格式

 

9

<P>

分段

[ 注 1]

 

 

 

 

 

列表元素

 

 

1

<DIR>

建立目录表,无序号列表。推荐使用 <UL>

 

2

<DL>

定义项目列表,与 <DD> 和 <DT> 配合使用

 

3

<DD>

定义项目。特点:换行,缩进左对齐,不带记号

[ 注 1]

4

<DT>

定义项目。特点:换行左对齐,不带记号

[ 注 1]

5

<LI>

定义表中的标记

[ 注 1]

6

<MENU>

清单项目将以圆点排列,如 <UL>

 

7

<OL>

定义带序号的列表

 

8

<UL>

定义无序号项目列表,用 <LI> 定义表项

 

 

 

 

 

 

制表元素

 

 

1

<CAPTION>

为表格定义一个标题,使用属性 Align 指定标题位置

 

2

<TABLE>

定义一个表格

[ 注 7]

3

<TBODY>

定义表格主体段

 

4

<TD>

定义单元格

 

5

<TFOOT>

定义表格 [ 注 1] 释行

 

6

<TH>

定义表格标题行的单元格

 

7

<TR>

定义表格一行

 

 

 

 

 

 

表单标记

 

 

1

<FORM>

在文档中产生表单

[ 注 8]

2

<INPUT>

定义输入控件

[ 注 1] 、 [ 注 9]

3

<OPTION>

为由 <SELECT> 定义的列表(框)控件定义一个选项

[ 注 1]

4

<SELECT>

定义列表框

 

5

<TEXTAREA>

定义多行文本输入框

 

 

 

 

 

 

框架元素

 

 

1

<FRAME>

定义一个框架窗口

[ 注 1] 、 [ 注 10]

2

<FRAMESET>

定义框架集

[ 注 11]

 

<IFRAME>

网页中间插入框架

[ 注 1]

3

<NOFRAMES>

为不能显示框架的浏览器指定替换(提示)文字

 

 

 

 

 

 

其他标记

 

 

4

<MARQUEE>

定义滚动文本、图像等

[ 注 12]

[ 注 1]  表示该标记属空标记,即不需要关闭标记。

[ 注 2] <body> 的主要属性:
B gcolor -背景颜色。
Background -背景图像。

[ 注 3] <A> 的主要属性:
Href -指定一个 URL 作为有效的链接资源地址。
Target -指定显示所链接文件的窗口。

[ 注 4] <AREA> 的主要属性:
Shape -定义图像映射的形状。属性值- rect 、 circle 、 polygon 、 default 。
Coords -指定映射区域的坐标。

[ 注 5] <BGSOUND> 的主要属性:
Src -指定声音文件的 URL 。

[ 注 6] <IMG> 的主要属性:
Src -指定图像文件的 URL 。
Height 和 Width -分别指定显示图像的高度和宽度。
Align -指定图像对齐方式。

[ 注 7] <TABLE> 的主要属性:
Align -指定表格对齐方式。
Border -指定边框宽度。
Bordercolor -指定边框颜色。
Cellspacing -指定单元格之间的间距。
Width -指定表格的宽度。

[ 注 8] <FORM> 的主要属性:
Action -指定表单处理程序的 URL 。
Method -指定传输表单信息的 “ 方法 ” 。

[ 注 9] <INPUT> 的主要属性:
Name -定义控件的名称(传输该控件包含信息的变量名)
Type -定义控件的类型。
Size -指定控件的尺寸。

[ 注 10] <FRAME> 的主要属性:
Frameborder -指定框架有无边框。
Name -指定框架名称。
Src -指定框架中显示文件的 URL
Scrolling -指定是否显示滚动条。

[ 注 11] <FRAMESET> 的主要属性:
Cols -指定横向(子)框架的宽度。如, “cols = 30%,70%” ,即,横向有两个框架,其中,左框宽度为屏幕宽度的 30% ,右框宽度为屏幕宽度的 70% 。
Rows -指定纵向(子)框架的高度。如, “rows = 150,300” ,即,纵向有两个框架,其中,上框高度 150 像素,下框 300 像素。

[ 注 12] <MARQUEE> 的主要属性:
Direction -指定滚动文本、图像的运动方向。
Height 和 Width -分别指定滚动文本或图像,在纵向或横向上的运动距离。
ScrollAmount -指定滚动的步长(每滚动一次的距离)。
ScrollDelay -指定滚动的延时(每滚动一次后的停滞时间)。
Behavior -指定滚动的方式。如, behavior="alternate" ,即,来回滚动。


主页                           {网页三剑客

 

《花桥电脑书斋》-邱泳昱的个人主页
如需转载望能征求本人意见