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

倚天长笑

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！
1 M$ M$ d* w( r8 z6 h5 L, H6 {3 J6 D. @
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。
8 n! I9 R" ]9 [  m1、

1. <!-- -->

复制代码

说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。% H4 F, y; ?! W- k4 Y, P" w
2、

1. <!DOCTYPE>  

复制代码

说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
; k( C2 I6 m. Q& F" _5 ]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=属性。需要结束标记。
% q6 X& Y2 o- c+ {; M% ~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. >   

复制代码

说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记   s& j" W. \: u- O- c1 m
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 C$ a- V$ y0 x
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. >

复制代码

说明：在页面中放置可执行的内容。需要结束标记。
" F' [7 ^. c' {" W/ ^' H; Z2 ~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中描述超链接热点的轮廓形状。不需要结束标记。/ F+ s3 ?* ^2 J  T4 A$ `7 u. A

: ]* D# R; Z; r0 p8 ^% S8、

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

复制代码

说明：将文本以粗体显示。需要结束标记。0 N2 F3 Z9 K3 U* k+ M
6 w" g. c# C- \! P; y- L" V$ ~5 L
9、

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

复制代码

说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。
$ \7 S9 ?" b8 g5 N. l! Z' p4 q4 x# t9 t" N/ |0 ?
10、

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

复制代码

说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。
) n* H3 `: {* n- d* v# u" s/ f9 x( x+ ]; o+ x1 U
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标记中，结束标记可选。  6 O& E! F+ \) X* J) c: S) w
6 Z6 b) i+ H: V
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. >  

复制代码

说明：以比当前所用字体稍大的字体显示文本。需要结束标记。1 s/ ^7 z* r! f! a& ?8 H
/ g: `) P7 K4 O3 C8 [' b5 J
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. >  

复制代码

说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。
( P- m& D! G6 l" l, ?# u( I% `* Y
/ J/ M& o' X, g5 a' _& g: {& L' h0 S14、

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

复制代码

说明：描述文档主体的开始和结束。需要结束标记。  - `, u* ]+ q, U; q- Z6 U! |

+ O4 z: M; ?0 Q8 v6 d15、

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

复制代码

说明：换行标记。; j8 w/ u  Y- w/ d0 a# M! L& ~

2 A( z# t  z& y; P9 M- `7 y0 P: t16、

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

复制代码

说明：设置一个按钮。需要结束标记。
- ]/ C2 J0 G, f& s/ \" r" B0 M. \$ \# v0 R! R7 k% f7 U
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加一个标题。需要结束标记。
7 n: t' e0 Q$ G, l, d' A2 I, j" [7 p3 G- T1 s5 i
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. >  

复制代码

说明：居中排列其中的内容。需要结束标记。0 s7 T/ N5 R9 X7 v. }
' u$ s0 R' s" N: D9 f4 L5 o
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. >  

复制代码

说明：简要说明一个引用，内容用斜体显示。需要结束标记。 - e+ {( h" |+ H" U3 U; `

, D6 R- y, r+ k- o4 x2 y% w9 V& q20、

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

复制代码

说明：以等宽字体显示一段代码。需要结束标记。
+ X" n/ l  j' A* b4 S9 {+ D( N+ X, q2 R
[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]

admin

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。 - U% ]0 M9 d/ j
/ S( j$ ?3 {4 a4 I) @
      基本结构标志
* z: u) I) d7 |0 h0 B! q9 d; q
; S3 L2 g& P5 ?6 k# G      <HTML>    ----------表示该文件为HTML文件* B* {" ?7 q0 F) g( i: |9 {, p
) O6 O4 r) ~; Q# ~
      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等7 m7 F6 r8 k$ ^% F( T

8 d, [( v* x" F9 x0 c      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中
/ u% M9 f$ M9 M2 I
3 ?/ d- S: M. P      <HEAD>    ----------</HEAD>的结束标志
+ l+ X) |' I* V+ S8 A3 \- @4 w. a& V% p+ k5 G
      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>    9 P) ?3 ?0 p2 w, a( V$ e0 A% C

2 b2 h" T  D' Z$ H' U, p- s9 n      </HTML>    ----------<HTML>的结束标志 4 t" j+ U7 h  x$ G+ J* L" N
) k) g& W0 u) a2 I
      其它主要标志      以下所有标志用在<BODY></BODY>中
3 L. j3 g. z' S: L6 l( O  M$ H( {2 H
( Y% T) M  h# I      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址0 J4 M! m+ U: H
* g- g: O+ ~' c4 v: R
      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址
2 }& ]) S. ~0 u5 b% D1 _9 a) [4 t
8 _9 P( y; @6 n& y! U      <BR>    ----------换行标志% D$ N$ Y7 o; q7 w, @, |, U
# w5 U: W# ^. N( I
      <P>    ----------分段标志
  `0 h* \& ~: W/ g* ]- \$ f- j/ X( x& y3 H: B& V  S. Y9 F; }/ T
      <B></B>    ----------采用黑体字
4 E, K0 g7 ~3 `
& L% P# B0 z+ E      <I></I>    ----------采用斜体字/ P6 l: i$ E* k3 k/ x# E

/ ?8 U# ?7 m0 o. V      <HR>    ----------水平画线
* k4 D2 B% j! x$ [! a/ ~0 }( I
! d1 d& A3 H. n* D. w! u6 M1 D      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志
9 J9 s3 R( n( C/ E! w, t- }1 w; I% s
3 G. ?4 a0 d  T2 ~( d4 l0 ?* Y      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中9 p7 s% ?) |% i; [! Y) @0 B& b

& q% r- z# z; P: K      <TD></TD>    ----------表格单元，用在<TR></TR>中
6 H3 ^8 r: `2 b8 ~* v7 [
" k4 p0 @- K( v, \9 J* B7 D1 q! l      <FONT></FONT>    ----------字体样式标志
5 k" X/ V  N4 _) r
! [$ g& \) [; J      属性的用法：
& M& X7 R; z4 N0 c2 Z4 R# q1 c! x7 E2 M2 L
      属性是用来修饰标志的，属性放在开始标志内。3 o$ ~, A/ c- I" h* }8 P8 \
  b( c8 ~5 @5 ?2 W) r
      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 4 Q5 P, y1 O' P! W9 y7 a7 |: a

7 K1 ^% v9 l, L6 k, G+ i3 n# M6 i      常用属性：对齐属性 范围属性 + R9 W4 z5 Q+ [1 J# k9 [

! D2 g0 j3 g7 l1 z5 e- |      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度 . }. F, [4 j2 i2 @7 c0 S
) p0 ]& f; `& L/ t: J! Q+ E5 r" _
      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度
  P+ ]4 B! h. t4 S( f: O* ?9 v
$ j5 E  `/ e' O3 g      ALIGN=RIGHT 右对齐 色彩属性
3 G! ~+ V0 S: y: x8 J8 n) V2 w$ w
      COLOR=#RRGGBB 前景色 参考色彩对照表
9 A4 D( t& G* l' q) L
% h" Z% H" [& D* M/ D% q$ B2 U      BGCOLOR=#RRGGBB 背景色