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

倚天长笑

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！
& n$ l  w$ p0 }8 J/ b+ X* ^+ X4 `/ s- O) E5 p. s& K0 X6 i
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。
4 y8 z5 ]. C  t$ e1、

1. <!-- -->

复制代码

说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。
4 a2 X# ^) ^8 _: r0 O, w4 G2、

1. <!DOCTYPE>  

复制代码

说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
9 v* }4 j: V2 S0 K( o7 ^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=属性。需要结束标记。
7 Y* G  k. g* |  \; A' F0 p4、

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

复制代码

说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记
$ m1 a1 U9 q& y& I7 R5、

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

复制代码

说明：常用于描述地址、签名和作者信息。需要结束标记。
) T- B6 m/ N; y/ Y' J8 G. Q6、

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

复制代码

说明：在页面中放置可执行的内容。需要结束标记。
6 E( N. c3 e, L, C& K0 E% I- C7、

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中描述超链接热点的轮廓形状。不需要结束标记。
0 D8 |; H& }" H# @  ~4 M7 F) E6 p7 _
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. >  

复制代码

说明：将文本以粗体显示。需要结束标记。
7 ?/ Y5 R  W$ t- o2 |/ ^* W5 F( o3 X% B4 ^( i( i- e0 p
9、

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

复制代码

说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。4 ^+ O% i! f, D, n; S7 H

$ P9 V0 s4 [5 h7 I10、

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

复制代码

说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。
7 m5 ~8 {4 G* `7 f, q  H
9 y" h! e% ?, s/ |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标记中，结束标记可选。  . P$ p8 U9 _% s! k' V

' _' a; [4 J# x  s0 r/ [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. >  

复制代码

说明：以比当前所用字体稍大的字体显示文本。需要结束标记。
! B$ }9 }8 q( `/ Z, s" G3 M4 |* Q* _# s& s  r7 a
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. >  

复制代码

说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。
. H* }" P: u0 ]& Q9 G# E  C  ]/ @; E7 Y& P. W; e5 R+ L
14、

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

复制代码

说明：描述文档主体的开始和结束。需要结束标记。  % S% H, M/ e" T0 n, i( x
" L6 }% O9 ], S) w" F# S& }
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. >  

复制代码

说明：换行标记。2 w" V4 g: ]# X9 b+ {
+ G1 U( s8 [) b7 D, i/ ~$ r
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. >  

复制代码

说明：设置一个按钮。需要结束标记。$ N4 d9 a  e& s$ w

  P1 w+ p6 ], q1 W5 l17、

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加一个标题。需要结束标记。
: J2 z( w5 ?8 q8 ^
8 A  S. G9 `4 Z: q18、

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

复制代码

说明：居中排列其中的内容。需要结束标记。
# }2 _( D2 H  W8 U. ]+ y' w$ S/ H! T8 _* G  s- r
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. >  

复制代码

说明：简要说明一个引用，内容用斜体显示。需要结束标记。 ' A- h+ G$ |, C: G) [/ z1 k
4 _8 G6 [' f0 ~
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. >  

复制代码

说明：以等宽字体显示一段代码。需要结束标记。9 L9 T) Z. K. q

1 Y% X5 ]* y; F8 V[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]

admin

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。
. T, @. R( _+ |& P- X; b9 ?9 v' |6 j0 N- y% v/ M; d
      基本结构标志
- M4 H* u! U+ K4 K5 D- C- S/ h- @6 M
- t; W# ~8 b8 F      <HTML>    ----------表示该文件为HTML文件% ^5 A; _# e! ?; ]
+ t& ?" l( ?, J3 |, d. o# e
      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等. X% _) J0 P5 _

; i$ R1 l3 j: A0 H! E0 }      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中7 Z: ]$ h" n# B8 j  d6 S1 g
8 u* o0 f* v8 O, [0 @
      <HEAD>    ----------</HEAD>的结束标志5 m0 k! _/ Y, q  t$ k; W8 J2 k

, u" M, H4 m% \; X+ n8 H+ ?      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>   
6 h6 Y4 G( {3 _, x& L3 c
/ B4 Z- v' Z9 h3 e& l8 `9 ?      </HTML>    ----------<HTML>的结束标志
! a) Y  h9 j' P( d( y1 \) W! [( ^" O: |! |4 u. d& a
      其它主要标志      以下所有标志用在<BODY></BODY>中 9 j1 \5 Y5 K9 B# y- P  J  U5 M6 q

9 l, r0 b$ x1 f  B5 N      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址
- W" @( ~% q1 w
' I+ I1 Y7 U- e; P* S      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址
5 n, g/ b7 Z, G$ Y' w7 A  ]
0 d; k6 C- G( z% |      <BR>    ----------换行标志
- V+ @3 m& l4 N1 h
: }, Y( V( a7 U# g) P! l% U      <P>    ----------分段标志# e8 k3 I+ n! I  B4 m

( a' u  z/ a+ ?2 m" M+ {) ]0 r      <B></B>    ----------采用黑体字
7 @% `6 }6 I1 @+ F
4 A/ j' Z( T# X5 |" b$ x      <I></I>    ----------采用斜体字# O# w( n8 j* ]  f, c

- S5 P- [) [% e7 \      <HR>    ----------水平画线
- ?, K! o6 Y( X' P1 X
' d3 z9 G6 N' g: u4 E0 A7 B. v4 D      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志, b! n4 X8 a1 e& U" I. o% j. U  {
2 T9 L5 @, a8 x& q. X5 Z
      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中
/ j4 a0 x' B: U* U, ^* A$ F% s/ @% q; Y) P/ i0 q* V0 b% ?# u
      <TD></TD>    ----------表格单元，用在<TR></TR>中
4 I& ^( Q7 k2 o# k* [! u
! b( C1 x0 ^  q+ y' l2 \* ]      <FONT></FONT>    ----------字体样式标志 ) H& Y- K, Y' T% f! N
7 n! E/ x9 ^5 `7 B
      属性的用法：# y0 G: F: H1 F8 F" h6 c& D. }9 L/ z

* K: J7 ]6 i4 D$ [, e      属性是用来修饰标志的，属性放在开始标志内。
" X7 A% Y* _3 |0 l
. Z' @( c1 u0 F8 D! h  v0 D      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 7 _3 s( d, ^$ d7 Q% q% ~
. M0 M" B0 K: R2 A4 D) n
      常用属性：对齐属性 范围属性
; c4 @' O7 X& L5 E2 V& }0 Q7 l& N. _. ^0 [/ A9 {1 g
      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度 $ M5 L, S. K! q/ s

9 y! ~2 `1 k3 j0 \) N" w& g' ^      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度 6 ^: t) V5 @" |" ^4 P: R: p9 n

( M6 r3 l3 S, Z; f4 W2 @      ALIGN=RIGHT 右对齐 色彩属性
' F& ]% `0 K6 C& S; l: e
  h# {1 V0 H% ?4 x2 y' B6 o$ V      COLOR=#RRGGBB 前景色 参考色彩对照表 5 m  G# B* R* Y8 q4 _

7 m  G* ~* O! S$ Z* A$ G      BGCOLOR=#RRGGBB 背景色