初学者接触HTML了解一些HTML标记 HTML标记学习

倚天长笑

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！ 2 v; x; |, i+ D' a- T) @) P
+ k, B3 \& V* {6 i& U
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。
. c& G9 o' X3 c7 Y1、

1. <!-- -->

复制代码

说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。
$ M; j+ r. g, R7 p2、

1. <!DOCTYPE>  

复制代码

说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。 4 ?4 v( r, F- b  z/ ~
3、

1. <A
   
2. ACCESSKEY=key
   
3. CLASS=classname
   
4. DATAFLD=colname
   
5. DATASRC=#ID
   
6. HREF=url
   
7. ID=value
   
8. LANG=language  
   
9. 
   
10. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
    
11. METHODS=http-method
    
12. NAME=name
    
13. REL="stylesheet"
    
14. REV="stylesheet"
    
15. STYLE=css1-properties
    
16. TABINDEX=n
    
17. TARGET=window_name | _blank | _parent | _self | _top  
    
18. TITLE=text
    
19. URN=urn
    
20. event = script
    
21. >  

复制代码

说明：描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。
0 T. O0 S& O: d$ J' h4、

1. <ACRONYM
   
2. CLASS=classname
   
3. ID=value
   
4. LANG=language
   
5. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
   
6. STYLE=css1-properties
   
7. TITLE=text
   
8. event = script
   
9. >   

复制代码

说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 ! W3 o+ ]' v3 I9 L  m& N
5、

1. <ADDRESS
   
2. CLASS=classname
   
3. ID=value
   
4. LANG=language
   
5. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
   
6. STYLE=css1-properties
   
7. TITLE=text
   
8. event= script
   
9. >  

复制代码

说明：常用于描述地址、签名和作者信息。需要结束标记。& x* V3 w; s8 u' q9 i6 ~  o6 \
6、

1. <APPLET
   
2. ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |  
   
3. RIGHT | TEXTTOP | TOP
   
4. ALT=text
   
5. CLASS=classname
   
6. CODE=filename  
   
7. 
   
8. CODEBASE=url
   
9. DATAFLD=colname
   
10. DATASRC=#ID
    
11. HEIGHT=n
    
12. HSPACE=n
    
13. ID=value
    
14. NAME=name
    
15. SRC=url
    
16. STYLE=css1-properties
    
17. TITLE=text
    
18. VSPACE=n
    
19. WIDTH=n
    
20. event = script
    
21. >

复制代码

说明：在页面中放置可执行的内容。需要结束标记。. C2 C5 c. I6 \8 b% E
7、

1. <AREA
   
2. ALT=text
   
3. CLASS=classname
   
4. COORDS=coordinates
   
5. HREF=url
   
6. ID=value
   
7. LANG=language
   
8. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
   
9. NOHREF
   
10. SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE
    
11. STYLE=css1-properties
    
12. TABINDEX=n
    
13. TARGET=window_name | _blank | _parent | _self | _top  
    
14. TITLE=text
    
15. event = script
    
16. >

复制代码

说明：在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。  U# ?  b( o0 Q$ `3 _; u5 Y
& _- c. l" _: H6 z4 ?
8、

1. <B
   
2. CLASS=classname
   
3. ID=value
   
4. LANG=language
   
5. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
   
6. STYLE=css1-properties
   
7. TITLE=text
   
8. event = script
   
9. >  

复制代码

说明：将文本以粗体显示。需要结束标记。! O% `6 y  _  |& z+ a, C' ~: h) W/ M
0 \7 r& \0 L- ~% }# v: Y
9、

1. <BASE
   
2. HREF=url
   
3. TARGET=window_name | _blank | _parent | _self | _top  
   
4. >  

复制代码

说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。8 n9 \! S6 X$ L

1 p! b8 s1 }' u' k) U10、

1. <BASEFONT
   
2. CLASS=classname
   
3. COLOR=color
   
4. FACE=font
   
5. ID=value
   
6. LANG=language
   
7. SIZE=n
   
8. >  

复制代码

说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。8 `2 H  ?" ]& c; `* O

, X( J2 P1 Q1 l9 E6 V" k11、

1. < BGSOUND
   
2. BALANCE=n
   
3. CLASS=classname
   
4. ID=value
   
5. LANG=language
   
6. LOOP=n
   
7. SRC=url
   
8. TITLE=text
   
9. VOLUME=n
   
10. >  

复制代码

说明：在页面中加入背景音乐。可使用在HEAD标记中，结束标记可选。  4 d9 ?6 b/ H* @! h7 f" |
! }5 u9 ]3 s2 K  b" k8 T- p5 P" `
12、

1. < BIG
   
2. CLASS=classname
   
3. ID=value
   
4. LANG=language
   
5. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
   
6. STYLE=css1-properties
   
7. TITLE=text
   
8. event = script
   
9. >  

复制代码

说明：以比当前所用字体稍大的字体显示文本。需要结束标记。
5 X# e+ l" Y+ X. b, F! K* p/ ^% `' i) I) P3 {
13、

1. < BLOCKQUOTE
   
2. CLASS=classname
   
3. ID=value
   
4. LANG=language
   
5. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
   
6. STYLE=css1-properties
   
7. TITLE=text
   
8. event = script
   
9. >  

复制代码

说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。
; X" a4 I$ l5 }" x( D# R
! U: M# D% u8 ?8 y. w. y* G14、

1. < BODY
   
2. ALINK=color
   
3. BACKGROUND=url
   
4. BGCOLOR=color
   
5. BGPROPERTIES=FIXED
   
6. BOTTOMMARGIN=pixels
   
7. CLASS=classname
   
8. ID=value
   
9. LANG=language
   
10. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
    
11. LEFTMARGIN=pixels
    
12. LINK=color
    
13. RIGHTMARGIN=pixels
    
14. SCROLL=YES|NO  
    
15. STYLE=css1-properties
    
16. TEXT=color
    
17. TITLE=string
    
18. TOPMARGIN=n
    
19. VLINK=color
    
20. event = script
    
21. >  

复制代码

说明：描述文档主体的开始和结束。需要结束标记。  ! Y4 Y9 `2 F9 R& E3 r( S7 n
5 F5 w# X$ v( k0 l! t( q
15、

1. < BR
   
2. CLASS=classname
   
3. CLEAR=ALL |LEFT | RIGHT
   
4. ID=value
   
5. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
   
6. STYLE=css1-properties
   
7. TITLE=text
   
8. >  

复制代码

说明：换行标记。- `0 E( V- H0 K# l! U
+ @. a6 r/ M- x  x
16、

1. < BUTTON
   
2. ACCESSKEY=string
   
3. CLASS=classname
   
4. DATAFLD=colname
   
5. DATAFORMATAS=HTML | TEXT
   
6. DATASRC=#ID  
   
7. 
   
8. DISABLED
   
9. ID=value
   
10. LANG=language
    
11. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
    
12. STYLE=css1-properties  
    
13. TITLE=text
    
14. TYPE=BUTTON | RESET | SUBMIT
    
15. event = script
    
16. >  

复制代码

说明：设置一个按钮。需要结束标记。8 [; o+ Y( o- i$ G- u

* @' _+ E2 q9 i# \! t6 Y" f17、

1. < CAPTION
   
2. ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP
   
3. CLASS=classname
   
4. ID=value
   
5. LANG=language
   
6. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
   
7. STYLE=css1-properties  
   
8. TITLE=text
   
9. VALIGN=BOTTOM | TOP
   
10. event = script
    
11. >  

复制代码

说明：给TABLE加一个标题。需要结束标记。 + D  U7 T9 B* X( @( X/ c; ~

+ k/ o  X5 ~2 F: ?# p: W18、

1. < CENTER
   
2. CLASS=classname
   
3. ID=value
   
4. LANG=language
   
5. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
   
6. STYLE=css1-properties  
   
7. TITLE=text
   
8. event = script
   
9. >  

复制代码

说明：居中排列其中的内容。需要结束标记。
& G( A$ b' i3 m8 z* J; u/ u( ?2 k  u! x" ^! ]9 A- |' w4 N! |
19、

1. < CITE
   
2. CLASS=classname
   
3. ID=value
   
4. LANG=language
   
5. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
   
6. STYLE=css1-properties
   
7. TITLE=text
   
8. event = script
   
9. >  

复制代码

说明：简要说明一个引用，内容用斜体显示。需要结束标记。
/ t! P" V* H  C9 y  W, `
$ H9 m* Y: _3 r( v; X9 P. ^) [! |20、

1. < CODE
   
2. CLASS=classname
   
3. ID=value
   
4. LANG=language
   
5. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
   
6. STYLE=css1-properties
   
7. TITLE=text
   
8. event = script
   
9. >  

复制代码

说明：以等宽字体显示一段代码。需要结束标记。$ h/ _+ v$ p" `# q1 O
$ u( S3 T' \8 V: H! j7 U
[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]

admin

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。
: C) k, [3 Z9 I2 F4 G" ^0 k% X7 u+ O1 T9 _" M/ @3 s
      基本结构标志
( [2 C' I, Q7 l2 z- B; L4 x* ]
6 T& |' u8 n4 r% z0 ^6 J$ @& ~" C      <HTML>    ----------表示该文件为HTML文件
3 q  g( s5 w7 U0 P# Z, e/ z% O
$ D  C( V/ ?1 @* Z! {      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等# S' ?* M7 j5 a, D! E

, C$ t' ]$ J! p) a3 Q0 Q      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中
4 l/ N' H: I6 G5 s$ \  d& x, W, v/ [) y0 o" v0 l
      <HEAD>    ----------</HEAD>的结束标志
0 L( x/ P0 k4 w, V+ a
" q5 m  o% z2 l. M) R  Y      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>   
) S1 e6 K2 {8 H5 {; W( t) J9 V) Y$ k9 Z9 t
      </HTML>    ----------<HTML>的结束标志
( x' o% e0 L6 U1 m# }
+ Y9 U4 p! W. D' }" m      其它主要标志      以下所有标志用在<BODY></BODY>中
9 j. [8 z  j" h6 z* \$ L
* J( u4 X3 G  n3 V1 f      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址6 |/ ?2 O& }! m, p$ x! S& p8 b# d
/ U/ |0 ]2 O8 K6 i
      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址  ^" C$ M6 x5 W4 `) M& m3 U
8 H- q' e% }2 p5 P
      <BR>    ----------换行标志& r1 ?2 k. r$ u# d& v

. G& Q0 U+ k2 e8 u& O' q$ T5 `      <P>    ----------分段标志
; P* f5 ]& F5 m1 G6 K/ R9 ?. d8 q3 A/ d" x  V6 _3 x
      <B></B>    ----------采用黑体字* d0 ~  F. ?$ \% t

/ l9 T; _  A* o5 \      <I></I>    ----------采用斜体字. o, q3 i* c2 H9 d

/ O) m# e( }, L7 ^# p- [: q) }; f      <HR>    ----------水平画线
: q1 l. S" b! k4 Q
  y' @. _$ U- p; S1 F. I( D' F      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志
# [9 Z3 {/ i: n/ ]0 O
: z0 V0 U( v7 D$ d* R5 s; h& b      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中- F  E1 E9 Q; \2 f2 Y* @0 z: F

0 n( r6 V& o$ f! e" u      <TD></TD>    ----------表格单元，用在<TR></TR>中: J  q1 b8 b0 q) ~

" }! N3 ?6 V  {. {6 W1 p      <FONT></FONT>    ----------字体样式标志
( ^+ c% R( k/ N9 ?% ^6 K/ g8 S4 C. m
      属性的用法：
4 I) w8 k' `2 Z* U& s! I1 U& T$ S% z# r1 [4 d" b3 ~+ v
      属性是用来修饰标志的，属性放在开始标志内。
/ a8 n& M/ y. i& g6 V
# v. x- @9 y, Q3 G1 g# }+ Z      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 5 k, d0 }# b0 d5 M

4 x3 G# }6 O8 p8 F" W0 b2 [0 W      常用属性：对齐属性 范围属性
, I2 C; R8 O, L% O$ F# i$ h% ^' b# K$ s2 c
      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度 * v. g- L0 u3 e1 q. ?

: E) ?( Y! ?! `3 w      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度
3 y: Y3 ~. b8 M( Y9 R$ X2 `/ w  Q% ?1 I
      ALIGN=RIGHT 右对齐 色彩属性 , @. P: T% N( z8 z$ _
) z5 S6 f2 v$ |' _3 V1 ~
      COLOR=#RRGGBB 前景色 参考色彩对照表
' e3 H2 S3 t/ e& w
/ G8 H9 L7 A1 a& o! o" f      BGCOLOR=#RRGGBB 背景色