当前位置导航:炫浪网>>网络学院>>网页制作>>HTML与CSS教程

DIV+CSS布局基础:HTML标记

1-------------------------------------------------------------------------
<!-- --> 
说明:注释标记,在“<!--”与“-->”之间的内容将不在浏览器中显示。 

2-------------------------------------------------------------------------
<!DOCTYPE> 
说明:描述文件所符合的HTML DTD,用于对文件的兼容性作简要说明。 

3-------------------------------------------------------------------------
<A
ACCESSKEY=key
CLASS=classname
DATAFLD=colname
DATASRC=#ID
HREF=url
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
METHODS=http-method
NAME=name
REL="stylesheet"
REV="stylesheet"
STYLE=css1-properties
TABINDEX=n
TARGET=window_name | _blank | _parent | _self | _top 
TITLE=text
URN=urn
event = script

说明:描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。
 
4--------------------------------------------------------------------------------
<ACRONYM
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 

5--------------------------------------------------------------------------------
<ADDRESS
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event= script

说明:常用于描述地址、签名和作者信息。需要结束标记。 

6--------------------------------------------------------------------------------
<APPLET
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | 
RIGHT | TEXTTOP | TOP
ALT=text
CLASS=classname
CODE=filename
CODEBASE=url
DATAFLD=colname
DATASRC=#ID
HEIGHT=n
HSPACE=n
ID=value
NAME=name
SRC=url
STYLE=css1-properties
TITLE=text
VSPACE=n
WIDTH=n
event = script

说明:在页面中放置可执行的内容。需要结束标记。 

7--------------------------------------------------------------------------------
<AREA
ALT=text
CLASS=classname
COORDS=coordinates
HREF=url
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
NOHREF
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE
STYLE=css1-properties
TABINDEX=n
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text
event = script

说明:在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。 

8--------------------------------------------------------------------------------
<B
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:将文本以粗体显示。需要结束标记。 

9--------------------------------------------------------------------------------
<BASE
HREF=url
TARGET=window_name | _blank | _parent | _self | _top 

说明:描述文档的基本地址,浏览器依此转换相对地址。只能用在HEAD标记中,不需要结束标记。
 
10--------------------------------------------------------------------------------
<BASEFONT
CLASS=classname
COLOR=color
FACE=font
ID=value
LANG=language
SIZE=n

说明:描述基本字体类型,用于显示缺省字体的文本。可用在HEAD标记中,不需要结束标记。

11--------------------------------------------------------------------------------
< BGSOUND
BALANCE=n
CLASS=classname
ID=value
LANG=language
LOOP=n
SRC=url
TITLE=text
VOLUME=n

说明:在页面中加入背景音乐。可使用在HEAD标记中,结束标记可选。 

12--------------------------------------------------------------------------------
< BIG
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:以比当前所用字体稍大的字体显示文本。需要结束标记。 

13--------------------------------------------------------------------------------
< BLOCKQUOTE
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:引用其它资源中的内容,可能会缩进、斜体显示,通常上下加空行。需要结束标记。 

14--------------------------------------------------------------------------------
< BODY
ALINK=color
BACKGROUND=url
BGCOLOR=color
BGPROPERTIES=FIXED
BOTTOMMARGIN=pixels
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
LEFTMARGIN=pixels
LINK=color
RIGHTMARGIN=pixels
SCROLL=YES|NO
STYLE=css1-properties
TEXT=color
TITLE=string
TOPMARGIN=n
VLINK=color
event = script

说明:描述文档主体的开始和结束。需要结束标记。 

15--------------------------------------------------------------------------------
< BR
CLASS=classname
CLEAR=ALL |LEFT | RIGHT
ID=value
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text

说明:换行标记。

16--------------------------------------------------------------------------------
< BUTTON
ACCESSKEY=string
CLASS=classname
DATAFLD=colname
DATAFORMATAS=HTML | TEXT
DATASRC=#ID
DISABLED
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties 
TITLE=text
TYPE=BUTTON | RESET | SUBMIT
event = script

说明:设置一个按钮。需要结束标记。
 
17--------------------------------------------------------------------------------
< CAPTION
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties 
TITLE=text
VALIGN=BOTTOM | TOP
event = script

说明:给TABLE加一个标题。需要结束标记。 

18--------------------------------------------------------------------------------
< CENTER
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties 
TITLE=text
event = script

说明:居中排列其中的内容。需要结束标记。
 
19--------------------------------------------------------------------------------
< CITE
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:简要说明一个引用,内容用斜体显示。需要结束标记。 

20--------------------------------------------------------------------------------
< CODE
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:以等宽字体显示一段代码。需要结束标记。 

21----------------------------------------------------------------------
<COL
ALIGN=CENTER | LEFT | RIGHT
CLASS=classname
ID=value
SPAN=n
STYLE=css1-properties
TITLE=text
VALIGN=BASELINE | BOTTOM | MIDDLE | TOP
WIDTH=n

说明:定义TABLE中一列的属性。不需要结束标记。 

22--------------------------------------------------------------------------------
<COLGROUP
ALIGN=CENTER | LEFT | RIGHT
CLASS=classname
ID=value
SPAN=n
STYLE=css1-properties
TITLE=text
VALIGN=BASELINE | BOTTOM | MIDDLE | TOP
WIDTH=n

说明:用于在TABLE中定义一个列组。不需要结束标记。 

23--------------------------------------------------------------------------------
<COMMENT
ID=value
LANG=language 
TITLE=text

说明:注释标记,不推荐。建议用<!-- -->。
 
24--------------------------------------------------------------------------------
<DD
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:在列表中解释一条术语,靠右显示。结束标记可选。 

25--------------------------------------------------------------------------------
<DEL
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:指明文本已从文档中删除。需要结束标记。 

26--------------------------------------------------------------------------------
<DFN
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT| JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:定义一个术语。需要结束标记。 

27--------------------------------------------------------------------------------
<DIR
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:表示一系列短条目。在此之后的文本用LI开头,且每条不超过20个字符。 

28--------------------------------------------------------------------------------
<DIV
ALIGN=CENTER | LEFT | RIGHT
CLASS=classname
DATAFLD=colname
DATAFORMATAS=HTML |TEXT
DATASRC=#ID
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:在文档中描述不同性质的元素,如章回、段落、摘要等。需要结束标记。 

29--------------------------------------------------------------------------------
<DL
CLASS=classname
COMPACT
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:表示一个列表。DT、DD用于定义列表内的条目。需要结束标记。 

30--------------------------------------------------------------------------------
<DT
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:在列表中定义一个术语,显示在左列中。结束标记可选。 

31--------------------------------------------------------------------------------
<EM
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:用于要强调的文本,通常以斜体显示。需要结束标记。 

32--------------------------------------------------------------------------------
<EMBED
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | 
RIGHT | TEXTTOP | TOP
ALT=text
CLASS=classname
CODE=filename
CODEBASE=url
HEIGHT=n
HSPACE=n
ID=value
NAME=name
SRC=url
STYLE=css1-properties
TITLE=text
UNITS=value
VSPACE=n
WIDTH=n

说明:插入任何类型的文档,但用户必须在计算机上安装可解读此类文档的应用程序。需要结束标记。
 
33--------------------------------------------------------------------------------
<FIELDSET
ALIGN= LEFT | CENTER | RIGHT
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties
TITLE=text
event = script

说明:与DIV类似,可用于描述一组区域的关系,可嵌套。需要结束标记。 

34--------------------------------------------------------------------------------
<FONT
CLASS=classname
COLOR=color
FACE=font
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
SIZE=n
STYLE=css1-properties
TITLE=text
event = script

说明:设置字体属性。需要结束标记。 

35--------------------------------------------------------------------------------
<FORM
ACTION=url
CLASS=classname
ENCTYPE=encoding
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
METHOD=GET | POST
NAME=name
STYLE=css1-properties
TARGET=window_name | _blank | _parent | _self | _top 
TITLE=text
event = script

说明:描述一个包含控件的表单。需要结束标记。 

36--------------------------------------------------------------------------------
<FRAME
BORDERCOLOR=color
CLASS=classname
DATAFLD=colname
DATASRC=#ID
FRAMEBORDER=NO | YES | 0 | 1
HEIGHT=n
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
MARGINHEIGHT=pixels
MARGINWIDTH=pixels
NAME=window_name | _blank | _parent | _self | _top 
NORESIZE=NORESIZE | RESIZE
SCROLLING=AUTO | NO | YES
SRC=url
TITLE=text
WIDTH=n
event = script

说明:在FRAMESET中描述一个单独的框架。 

37--------------------------------------------------------------------------------
<FRAMESET
BORDER=pixels
BORDERCOLOR=color
CLASS=classname
COLS=col-widths
FRAMEBORDER=NO | YES | 0 | 1 
FRAMESPACING=spacing
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
ROWS=row-heights
TITLE=text

说明:在混合文档中设置水平、垂直方向框架的数量和大小,在FRAMESET中用FRAME设置每个框架的内容和属性。可嵌套使用。需要结束标记。 

38--------------------------------------------------------------------------------
<HEAD
CLASS=classname
ID=value
TITLE=text

说明:出现在文档的起始部分,标明文档的题目或介绍,包含文档的无序信息。可在其中使用BASE、LINK、MATE、TITLE、BASEFONT、BGSOUND元素。需要结束标记。 

39--------------------------------------------------------------------------------
<Hn
ALIGN=CENTER | LEFT | RIGHT
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties
TITLE=text
event = script

说明:从H1到H6,六种标题,黑体显示。需要结束标记。 

40--------------------------------------------------------------------------------
<HR
ALIGN=CENTER | LEFT | RIGHT
CLASS=classname
COLOR=color
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
NOSHADE
SIZE=n
STYLE=css1-properties
TITLE=text
WIDTH=n
event = script

说明:显示一条水平线。无结束标记。

41--------------------------------------------------------------------------
<HTML
TITLE=text

说明:HTML文本起始元素,通知浏览器该文档为HTML文档。需要结标记。 

42--------------------------------------------------------------------------
<I
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties
TITLE=text
event = script

说明:将文本用斜体显示。需要结束标记。 

43--------------------------------------------------------------------------------
<IFRAME
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | 
RIGHT | TEXTTOP | TOP
BORDER=pixels
BORDERCOLOR=color
CLASS=classname
DATAFLD=colname
DATASRC=#ID
FRAMEBORDER=NO | YES | 0 | 1
FRAMESPACING=pixels
HEIGHT=n
HSPACE=pixels
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
MARGINHEIGHT=pixels
MARGINWIDTH=pixels
NAME=window_name | _blank | _parent | _self | _top
NORESIZE=NORESIZE | RESIZE
SCROLLING=AUTO | NO | YES
SRC=url
STYLE=css1-properties
TITLE=text
VSPACE=pixels
WIDTH=n

说明:在文档中嵌入一个浮动框架。需要结束标记。 

44--------------------------------------------------------------------------------
<IMG
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | 
RIGHT | TEXTTOP | TOP
ALT=text
BORDER=n
CLASS=classname
DATAFLD=colname
DATASRC=#ID
DYNSRC=url
HEIGHT=n
HSPACE=n
ID=value
ISMAP
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
LOOP=n
LOWSRC=url
NAME=name
SRC=url
STYLE=css1-properties
TITLE=text
USEMAP=url
VSPACE=n
WIDTH=n
event = script

说明:在文档中插入一幅图像或一段视频。 

45--------------------------------------------------------------------------------
<INPUT
ACCESSKEY=key
ALIGN=LEFT | CENTER | RIGHT
ALT=text
CLASS=classname
DISABLED
DYNSRC=url
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
LOWSRC=url
MAXLENGTH=n
NAME=name
READONLY
SIZE=n
SRC=url
STYLE=css1-properties
TABINDEX=n
TITLE=text
TYPE=BUTTON | CHECKBOX | FILE | HIDDEN | IMAGE | PASSWORD | RADIO | 
RESET | SUBMIT | TEXT
VALUE=value
event = script

说明:设置FORM中的输入控件,TYPE属性指明控件类型,需要设置NAME。无结束标记。 

46--------------------------------------------------------------------------------
<INS
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script

说明:指出新加入文档的文本内容。需要结束标记。 

47--------------------------------------------------------------------------------
<ISINDEX
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties
PROMPT=text

说明:通知浏览器该文档是一个索引文件。用户可对该文档进行关键词搜索。
 
48--------------------------------------------------------------------------------
<KBD
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties
TITLE=text
event = script

说明:指明用户应该用键盘输入的文字,一般用等宽字体显示。需要结束标记。 

49--------------------------------------------------------------------------------
<LABEL
ACCESSKEY=key
CLASS=classname
DATAFLD=colname
DATAFORMATAS=HTML | TEXT
DATASRC=#ID
FOR=ID
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties
TITLE=text
event = script

说明:说明一个标签。不可嵌套。需要结束标记。 

50--------------------------------------------------------------------------------
<LEGEND
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties 
TITLE=text
VALIGN=BOTTOM | TOP
event = script

说明:确定FIELDSET元素定义的区域集合。必须作为FIELDSET中的第一个元素。 

51--------------------------------------------------------------------------------
<LI
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties
TITLE=text
TYPE=1 | a | A | i | I
VALUE=value
event = script

说明:表示列表中的一个条目,可用在DIR、MENU、DL、UL中。结束标记可选。 

52--------------------------------------------------------------------------------
<LINK
DISABLED
HREF=url
ID=value
MEDIA=SCREEN | PRINT | ALL
REL=STYLESHEET
TITLE=text
TYPE="text/css" 

说明:在当前HTML文档和其它资源之间建立超链接。只能在HEAD中使用。 

53--------------------------------------------------------------------------------
<LISTING
CLASS=classname
ID=string
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties
TITLE=text
event = script

说明:用等宽字体显示文本,不推荐。建议使用PRE元素。 

54--------------------------------------------------------------------------------
<MAP
CLASS=classname
ID=value
LANG=language
NAME=name
STYLE=css1-properties
TITLE=text
event = script

说明:为客户端图像映射指定热点区域集合。需要结束标记。 

55--------------------------------------------------------------------------------
<MARQUEE
BEHAVIOR=AlterNATE | SCROLL | SLIDE
BGCOLOR=color
CLASS=classname
DATAFLD=colname
DATAFORMATAS=HTML | TEXT
DATASRC=#ID
DIRECTION=DOWN | LEFT | RIGHT | UP
HEIGHT=n
HSPACE=n
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
LOOP=n
SCROLLAMOUNT=n
SCROLLDELAY=milliseconds
STYLE=css1-properties
TITLE=text
TRUESPEED
VSPACE=n
WIDTH=n
event = script

说明:建立一个滚动文本区。需要结束标记。 

56--------------------------------------------------------------------------------
<MENU
CLASS=classname
ID=value
LANG=language
STYLE=css1-properties
TITLE=text
event = script

说明:建立一个菜单,用LI定义菜单内的条目。需要结束标记。 

57--------------------------------------------------------------------------------
<META
CONTENT=description
HTTP-EQUIV=response
NAME=text
TITLE=text
URL=url

说明:为浏览器、搜索引擎或其它程序提供HTML文档信息。必须在HEAD中使用。结束标记可选。
 
58--------------------------------------------------------------------------------
<NOBR
ID=value
STYLE=css1-properties
TITLE=text

说明:不换行。结束标记可选。
 
59--------------------------------------------------------------------------------
<NOFRAMES
ID=value
STYLE=css1-properties
TITLE=text

说明:为不支持FRAMESET的浏览器提供。需要结束标记
 
60--------------------------------------------------------------------------------
<NOSCRIPT> 
说明:在不支持脚本的浏览器中显示包含的内容。需要结束标记。

相关内容
赞助商链接