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

倚天长笑

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！ 4 T: r' q* _; E
- Z5 ]7 J" `6 }. o/ G
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。$ M5 e: Z7 P" `6 d' `
1、

1. <!-- -->

复制代码

说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。
( P* m8 n. e* x5 s+ t5 i% F% X# k6 F2、

1. <!DOCTYPE>  

复制代码

说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
+ N0 D: w% }8 S6 G% ^( w% d3、

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=属性。需要结束标记。
( u: L7 V  r( T0 H, V  v2 G4、

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

复制代码

说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 - E8 ~, b4 F" a; T' z4 h! j3 j
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. >  

复制代码

说明：常用于描述地址、签名和作者信息。需要结束标记。6 H0 y3 V1 C# W2 h4 s4 {
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. >

复制代码

说明：在页面中放置可执行的内容。需要结束标记。4 _4 c1 _) C5 e4 m# b& e4 s* {
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中描述超链接热点的轮廓形状。不需要结束标记。
4 q  T$ [/ V" `* D9 m# v4 ~4 [2 D( ~2 J. G
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. >  

复制代码

说明：将文本以粗体显示。需要结束标记。
$ ], J8 X- d7 N2 o  a  `! M. ~$ Y# i, A" |9 M
9、

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

复制代码

说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。
+ x$ I1 t8 [5 o4 Q
: `3 ?- X, x) J4 q; z10、

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

复制代码

说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。% C0 O. P8 _6 [- F7 x) t( |
; t$ r, E3 T6 k0 M
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标记中，结束标记可选。  ! c, {& }# U0 j% s3 }% ?6 _4 {
5 ~3 P* D6 X7 t+ d
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. >  

复制代码

说明：以比当前所用字体稍大的字体显示文本。需要结束标记。
- j4 w% w3 L: a1 ~& v  {* }/ d
# x+ n' G  ^- j2 C, S$ e! }& U1 f13、

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

复制代码

说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。
6 `8 u" R) x- ~0 I" G, ]! V3 @8 G3 T
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. >  

复制代码

说明：描述文档主体的开始和结束。需要结束标记。  
9 Q# O2 k8 X: _8 C; @/ p8 {
1 o( h1 P% _1 R% |+ \5 L; F15、

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

复制代码

说明：换行标记。
  ]" C$ ?4 [7 a* O  n
4 n+ D; A# b- Q1 ]6 i: E' q16、

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 P$ X: a) C, n, B& {3 `1 I" D; R" }0 ~- `* g% ]
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加一个标题。需要结束标记。
2 l5 [9 u1 d/ V3 {! O: O
& n3 g" I4 R! G$ t/ I# Y$ s18、

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

复制代码

说明：居中排列其中的内容。需要结束标记。/ v6 G8 ~/ \. m" n6 a; P# I

- i' v3 K; O5 P3 W# A19、

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

复制代码

说明：简要说明一个引用，内容用斜体显示。需要结束标记。
5 |+ X; @' s$ k& z$ {8 T4 B% e' k! v4 ~8 r1 ?
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. >  

复制代码

说明：以等宽字体显示一段代码。需要结束标记。, k% `- a, Z% y1 i& H" q
# p5 o& _* H. E+ y4 f
[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]

admin

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。 . f+ f4 N4 F& C0 m0 q/ m
1 O9 i, l  S- ?, \' S# y
      基本结构标志3 [3 M1 U) H) {( M  Y* z

, R5 m- ], L6 l  e1 K      <HTML>    ----------表示该文件为HTML文件4 S- z3 ?- B* c
! _$ Y' U8 R4 e* y2 t! K( E, y
      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等
# A, k% K; s! S; g8 p3 q* q5 ?* [/ M5 g$ ~2 _* B
      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中0 H) G5 e- G" k& X4 z7 M6 A4 _, F
# B! S$ ?' R, c' `/ ]8 L5 A
      <HEAD>    ----------</HEAD>的结束标志
  W9 E  H2 h3 }" a
. p3 e/ `/ _8 C6 b7 z      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>   
* n! R& q) x/ o! _+ [
- a7 Y  `/ p" i) |  @* @      </HTML>    ----------<HTML>的结束标志 7 |* I5 {. z! d8 U4 L

) K# z4 s9 F) A, Y' N2 k      其它主要标志      以下所有标志用在<BODY></BODY>中
$ z. G: A+ a. ~5 H7 B$ M) I. T; k0 K5 Q. _$ W
      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址6 d6 {* e# q/ h3 X/ o+ E6 \
  K3 s) d9 w) X9 s3 I* `
      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址
5 D& J; |. {7 s9 n8 ~0 L! `, C
: P! j3 \, Y2 Z2 e0 q& Y' G! O  A# f      <BR>    ----------换行标志4 ], F/ w9 Y* x
; i1 @3 r) g, u& i% A8 w) `$ c7 V$ U
      <P>    ----------分段标志
4 b( ]$ k8 ]% N$ _; A+ u2 @# Z  H& |" V1 k3 m
      <B></B>    ----------采用黑体字; w0 D8 x" _, u3 M9 d9 W

/ {" b" v3 d) M3 b% r( _- P      <I></I>    ----------采用斜体字
7 d. c% [+ y, q# F# k6 A, [3 Z& J
6 Y6 V$ C. L5 n2 T4 y7 p* i4 R      <HR>    ----------水平画线
' P' F) ^5 K8 L5 ]' m
% R  y( |' `' p$ C      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志
: K' L& x) w, z7 D  m
+ t& j' @, W2 G$ P. w1 l      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中
, h  G3 a  a! W" c% Z& H' x5 ]8 ~: I' \5 i* y- s8 p# |* o. U0 A. E6 |
      <TD></TD>    ----------表格单元，用在<TR></TR>中
8 S) \2 K. A/ {
7 ^# u2 `+ S' q. g& ?% [      <FONT></FONT>    ----------字体样式标志
% i# j- v. o3 m9 Y( Y% N2 y' w1 J8 a' A0 [
      属性的用法：
1 Y' U" U1 Y9 i& Y. K- @2 Y5 R2 e3 h- V8 r3 G
      属性是用来修饰标志的，属性放在开始标志内。
& F8 X% {8 X4 i) {; l# b- A1 z. [8 ~9 z* Q, Z0 s; {
      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 ( }# S! M/ }7 G7 x8 g9 t( ?

9 ]: U1 t6 E% `( i* p( O      常用属性：对齐属性 范围属性 3 M' D6 V3 V* j5 P6 F
) a- _6 N; E1 d$ Z
      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度
7 F5 h% k9 w1 }. f8 e, W' @7 ]) b) ]' x
      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度 6 I* q- u. f9 W

3 m, I9 b( _0 b$ v      ALIGN=RIGHT 右对齐 色彩属性
7 ?: l; |/ d/ q4 O* p( p0 F& p0 }
: d9 C8 _: Q' ]0 }. A      COLOR=#RRGGBB 前景色 参考色彩对照表 / ]. a4 P' s0 C( x+ @

3 Q& ]2 l# |3 s' D5 H+ m      BGCOLOR=#RRGGBB 背景色