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

倚天长笑

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！ . b9 ?: r) [; o4 y( Q

2 M1 Q' s( P) V4 v( l3 k. B  L  |这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。
% Y; i" h1 P! P: l& g2 S" u1、

1. <!-- -->

复制代码

说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。3 j1 d  T) s" E4 S3 W) T
2、

1. <!DOCTYPE>  

复制代码

说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
. f! N1 N3 r1 S7 j$ r3、

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=属性。需要结束标记。
$ S0 t. P4 Y& d4、

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. >   

复制代码

说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记
: L- ]; j- V% A# F/ J5、

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. >  

复制代码

说明：常用于描述地址、签名和作者信息。需要结束标记。
- F$ i9 w5 j9 v- C; M! i6 v9 D7 k9 k5 l6、

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. >

复制代码

说明：在页面中放置可执行的内容。需要结束标记。. q+ s4 j/ M  c6 j# q! C: i  T+ F, i
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中描述超链接热点的轮廓形状。不需要结束标记。
( }1 Z. [! ~- {3 J7 `; A1 b5 w8 f. m# \8 z6 H1 K. L, i# i/ ?5 l5 t' T6 k( v
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. >  

复制代码

说明：将文本以粗体显示。需要结束标记。
1 P: y( v$ c( D& A( k9 N* g' V( ^- O1 \% m" ]0 ]2 ~
9、

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

复制代码

说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。- c" J  D7 F1 B# G

1 ~8 `4 ]: ]% W10、

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

复制代码

说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。4 g2 S: A6 O6 T+ D
  Q; H) p' g  v' L: i* p
11、

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标记中，结束标记可选。  
0 b8 X0 w9 B. H' K
( q# V% a" F) w5 T# k5 X. j+ b12、

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. >  

复制代码

说明：以比当前所用字体稍大的字体显示文本。需要结束标记。
* [1 y- a: _0 |6 h0 F
1 n% s# j1 s( u( u: _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. >  

复制代码

说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。
  v/ K% q# C" ]5 A7 d
2 \( l! I0 E+ @$ u14、

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. >  

复制代码

说明：描述文档主体的开始和结束。需要结束标记。  ( h- D" N& |& V* K! X# T
; k5 H7 E( h9 j+ o5 T; B
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. >  

复制代码

说明：换行标记。6 B( i& T& b) i# a0 v8 o1 g
* k4 m8 t) i% |) O
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. >  

复制代码

说明：设置一个按钮。需要结束标记。
7 K* R+ s" o$ y
  z" [7 k3 E- O* J8 k17、

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加一个标题。需要结束标记。 ; Y7 }+ z- P* h7 N3 F
* |8 S; v" i, P# _) x6 A. E
18、

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. >  

复制代码

说明：居中排列其中的内容。需要结束标记。
: ^& _, m' z% z2 a7 P- B4 @/ W& j5 A: E* D4 C+ f
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. >  

复制代码

说明：简要说明一个引用，内容用斜体显示。需要结束标记。
# v8 v% C  y, v7 Z4 c$ ]0 j: B. T7 |' Z
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. >  

复制代码

说明：以等宽字体显示一段代码。需要结束标记。$ V4 s* q6 W2 d) S2 \# p5 D7 \

  g8 W! r4 i5 n. q, {: z[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]

admin

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。
9 S$ S# r  P1 g, Z9 N+ t3 u* ~8 L$ L  e6 z$ `$ z  p- `* T9 o! a- N
      基本结构标志* m( g* f! \. ~$ R) {

5 ~* [* F' Q% H; K8 V( J$ ], E      <HTML>    ----------表示该文件为HTML文件, N* }# F- ]! y- H) I

1 v$ z7 u" r9 N      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等& w- D1 o: X9 X: X1 L5 ?/ j' [" n
5 ]# y% x! B3 ]" }. c1 ~
      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中# L/ V: s. O" D2 s7 Q) W0 O6 Y

3 d  X, q2 q. ~* ~4 B) l0 j& E" [& J      <HEAD>    ----------</HEAD>的结束标志# x( L+ D6 U0 R3 ~
& r4 A; I8 G3 `8 D
      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>    9 J2 Y! Y. J- I+ z! g( ?3 L

; _$ ?5 a8 S; M0 C2 X4 p  _$ ?      </HTML>    ----------<HTML>的结束标志
  ^4 n' t# d- ?' v2 w% S8 v+ S
/ s/ l* c- Q" Q9 F5 C) C      其它主要标志      以下所有标志用在<BODY></BODY>中
) X4 d: }" t. L& H0 t2 r$ ^: v/ b1 c/ U$ G
      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址
2 w9 [) ?: i0 c6 E2 k
4 I, H" y" U9 e$ r      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址
6 {: @) i) }# g1 @/ a. f7 r4 F1 v8 T7 k" j' s
      <BR>    ----------换行标志
- L, p0 s0 U$ E; c9 b; Y! E
2 g. p5 i7 y# Y# ]; `4 z. v      <P>    ----------分段标志
+ O- n$ t4 K, k* ^8 \3 [- B# D: _( Q) @( L9 H, ^* `. \4 K
      <B></B>    ----------采用黑体字
$ t) }7 u; G0 z# W, t0 h; V0 S1 d0 l+ U
      <I></I>    ----------采用斜体字
3 _! v4 k! P$ u" B& U% S% G* G, b, ?4 X  x; _4 {3 z
      <HR>    ----------水平画线
4 f  C1 P  S! n0 d- {0 l# P8 X/ M. B" u6 M
      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志
0 ]  K+ e% N% n6 d$ k: i1 G$ K; X9 O1 V2 }3 J
      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中+ W" W  E! A6 P  ~0 j5 V" S3 _$ M0 Q, _

  X, |" N' m- Z; j      <TD></TD>    ----------表格单元，用在<TR></TR>中% C. g0 D3 C% z1 I% S2 ?' }/ q2 d
  k% J: d3 `9 W7 s# G5 s! v# b
      <FONT></FONT>    ----------字体样式标志 0 `5 G8 R% T9 k) j. @* r* k; o6 n8 T: |

, t" t0 g+ h. Y# N# f      属性的用法：" d4 a4 G9 J9 @
9 `+ m5 ^9 L9 C. b
      属性是用来修饰标志的，属性放在开始标志内。6 I. f+ F: l9 O& b1 V
3 T* r3 C! e. A0 i) P6 G# @
      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 6 m: j' o% }" Y! n. x- \4 \

- c" w: W  W. C- n      常用属性：对齐属性 范围属性 $ h9 p8 w7 v) ?$ l

/ i9 N- x! c4 e6 ~) R- _      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度
. O$ G' M, K3 L5 t2 Y$ N9 P  H& ~" k! ?
; y4 @3 w1 q7 z3 s- Q: q+ j      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度
+ [: ~: q) d) \& g$ G6 p! p3 n3 V; i, t' v1 j; m! T
      ALIGN=RIGHT 右对齐 色彩属性
( _  \$ O/ E) W4 w2 n6 w6 B& ~+ I
0 O) \# x: s+ g  `/ T+ W      COLOR=#RRGGBB 前景色 参考色彩对照表
  o% P- E% P/ n4 O$ `; p
& f& i+ N( m- N$ d) V  y      BGCOLOR=#RRGGBB 背景色