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

倚天长笑

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！
4 m/ P8 a/ c/ w7 Y6 ^/ j+ f% D$ \) n/ d/ d. E& s$ l: i( j
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。4 i  E. ^" p2 b' [
1、

1. <!-- -->

复制代码

说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。
) V: X: W' H& ^# m6 M# O& d5 @2、

1. <!DOCTYPE>  

复制代码

说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。 # z! C% Y! N' W2 f# |
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=属性。需要结束标记。) D  ~3 H9 T+ y, z6 J9 b2 x
4、

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

复制代码

说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 7 [1 Z4 z" v) C, k$ N2 D7 g) S, I
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. >  

复制代码

说明：常用于描述地址、签名和作者信息。需要结束标记。
; }& e' }* l# E* F. l- g2 A2 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. >

复制代码

说明：在页面中放置可执行的内容。需要结束标记。, s9 i, ?3 D" c% }" k5 ?( B: S# A
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中描述超链接热点的轮廓形状。不需要结束标记。7 r& J6 v1 ^/ y

9 K$ `0 K7 h0 a, A* k3 B8、

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 `( O+ q1 Y! @! Q& f# `( v! ]& i* z
9、

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

复制代码

说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。
8 v) x$ [" n1 W( o6 N% `5 t) a) u5 z9 h5 b! f  O$ C. R# B1 p7 c' D# _
10、

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

复制代码

说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。  p7 F2 r9 Y& F' K2 `9 m6 |2 ~$ t
5 o% Y) H. o& M0 ^- j9 u& R, m2 N0 [1 a
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标记中，结束标记可选。  7 U! h+ N$ H# N$ B
5 `$ w  Y5 U! X5 t! X
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. >  

复制代码

说明：以比当前所用字体稍大的字体显示文本。需要结束标记。9 h" {" f  M7 ^- x
5 I( u( Y' S3 i2 c
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. >  

复制代码

说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。1 r; J2 z+ s4 y2 C6 R
+ C- \+ ^5 p1 X6 o$ `; d
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. >  

复制代码

说明：描述文档主体的开始和结束。需要结束标记。  1 d+ g6 }' X* G' t! w" l

1 ]" t& N5 e/ x) I. U' K15、

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

复制代码

说明：换行标记。
. Z: l1 |( a% T7 W3 b* O' g6 Z
! r+ W$ J6 k+ Z: e16、

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 h$ v/ }/ A1 H% {% ]8 @; s% Y. ^/ P. i1 I+ O2 W" O4 [
17、

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加一个标题。需要结束标记。
: e2 I: r  J+ `# j* S9 o9 h+ D1 z9 Y
2 \/ ?9 P3 h$ _$ l" @, |9 r  R18、

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

复制代码

说明：居中排列其中的内容。需要结束标记。
; S9 l" n) I- z  o
9 u; C( v. T  n8 @2 w19、

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

复制代码

说明：简要说明一个引用，内容用斜体显示。需要结束标记。
2 n) Y& ]/ F: U5 ~; h# n/ _, D; P3 n  r# v& @
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. >  

复制代码

说明：以等宽字体显示一段代码。需要结束标记。
5 [; V" Y$ B+ D: {+ l0 V* F; ~2 t0 V4 l5 W1 t: b( k+ s+ s9 l3 C
[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]

admin

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。 - s5 d' i% t! }# l! Z% F
! u9 V3 {3 p' @3 C
      基本结构标志
1 D8 t) s! n- }$ C% X2 c3 B
7 h0 i& F0 N+ P7 S# j! s      <HTML>    ----------表示该文件为HTML文件
$ P5 L0 [  K7 A- p0 B+ u. E7 V8 Q- s: {" E# q$ P9 ~
      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等
) Z6 o- j) s5 r1 y( d( @$ A
8 l) L2 b+ ?4 G4 o! ^      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中" d6 q, V9 F& O
& p3 y5 P3 C5 E4 x+ P
      <HEAD>    ----------</HEAD>的结束标志6 m1 W+ h1 A+ ~$ [
$ O) ~/ _6 s! x8 Y
      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>   
( \$ s6 b9 z9 i& f
& p- L: R; d  Q. x+ _9 I: ?      </HTML>    ----------<HTML>的结束标志
% b  Q2 t0 H* {. g; B, R/ M3 a% l1 Z+ s* b6 t
      其它主要标志      以下所有标志用在<BODY></BODY>中 : M* K- A+ ?, M( r

- h+ `- p- d5 O/ c  U; d$ B0 B$ H" J1 Y% r      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址) l, B6 ]8 P$ w7 Q# u

! w% T) J3 Z' \* _      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址
4 C' l1 S0 ~0 T2 @- V* _3 N$ j
* Q. |: f9 c3 M; U' h# V/ \2 V      <BR>    ----------换行标志
0 W0 }. p6 Z6 L; |0 L
# ^3 k& w" {, D* z      <P>    ----------分段标志
7 m# `2 D4 D  d6 a4 o' R9 Q  l  y' ~; U( Z( G9 N
      <B></B>    ----------采用黑体字
% f5 Z6 L" S- {1 S1 r  n( D& H& M2 P' Z, U8 i5 q. g9 q3 d' i
      <I></I>    ----------采用斜体字, a9 D9 h  r: U+ N

5 ?+ ]( v& W/ A3 G      <HR>    ----------水平画线
# R* R6 ?! {; e( r8 Y7 |1 T5 Y2 t
* r0 ?) B  n" u) G* {4 e, s; J' v      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志
6 _) t' ?! Y9 [$ m5 K  Y
  ?" h" E1 R: d$ D3 M0 h2 N, N      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中2 I& g% N! a" r

" w8 H. o% k7 ~8 x: |4 q# F      <TD></TD>    ----------表格单元，用在<TR></TR>中' @4 e5 W- Y3 w; _- g- b- S! m

2 M$ `; [# S4 J      <FONT></FONT>    ----------字体样式标志 8 ?3 v: L% N" H+ c1 v% Y
( t; ]' E. E/ s. y, B# o- H
      属性的用法：7 x# `: ^4 k. j9 D
8 J" v4 b; B5 l& G
      属性是用来修饰标志的，属性放在开始标志内。) N6 N" ^3 O3 @- E
4 \: A7 t$ H1 o$ e
      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 3 S5 D# b2 P5 ?. B* N  }
, X* N& Q$ J2 o% D
      常用属性：对齐属性 范围属性
4 \% |" [$ }/ b8 e6 c( M' t7 @. L: b" z* [: Q
      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度
, k0 z, l" K# [6 U: ~) g" l$ n
2 U# O+ f$ L* B$ g# f. o8 x      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度
- F! l9 A2 H+ ]. l5 f
* e; |6 j" i2 I+ O  q" e      ALIGN=RIGHT 右对齐 色彩属性
% d/ }- f  I# D7 V; }1 A7 h
% N( H. I# \- Z$ [$ e# f% ]      COLOR=#RRGGBB 前景色 参考色彩对照表 9 K0 j% Z( |  R; z4 F4 n, J

, k9 J& j8 w) G! L9 g) K, ]7 B      BGCOLOR=#RRGGBB 背景色