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

倚天长笑

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！ - c7 ^4 D% c$ c+ z

6 F! e# O9 y! ^  {这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。! c- t0 P) h' ]' i+ ?5 \' H# Q
1、

1. <!-- -->

复制代码

说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。- Z7 R$ S1 @# ^" q) N( L) m
2、

1. <!DOCTYPE>  

复制代码

说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。 # V! V; ?4 Y3 x# E" R
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=属性。需要结束标记。
# B8 l3 @  g7 L0 D# L4、

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

复制代码

说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记
9 W2 H* y3 a# U( c" {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. >  

复制代码

说明：常用于描述地址、签名和作者信息。需要结束标记。4 h8 |6 T0 F5 U- T
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. >

复制代码

说明：在页面中放置可执行的内容。需要结束标记。# H: u2 e8 }$ D+ j1 r$ 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中描述超链接热点的轮廓形状。不需要结束标记。8 Z0 W4 C; T6 ?) A6 }
5 f# j& t6 i/ Y
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. >  

复制代码

说明：将文本以粗体显示。需要结束标记。/ P' K' c0 i1 y- M9 p) P+ }. n
# R. m2 J) l7 h1 m+ d/ O# K* M% J
9、

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

复制代码

说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。
' \# ^3 _" n& Q8 H/ z. d1 V
# X. k5 q- q, z; y6 k; C* |7 ^10、

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

复制代码

说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。0 S, s6 c' I( o

7 E" N9 _. W1 {* Z2 x$ N11、

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标记中，结束标记可选。  $ }- w2 i, s+ h. F$ r5 r
9 ~5 ^* y. ~" L+ F, C9 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. >  

复制代码

说明：以比当前所用字体稍大的字体显示文本。需要结束标记。
8 G2 ]8 h4 ?: ^  e- c1 {8 W) Y9 F9 d2 \
$ f7 _( Y. p$ ^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. >  

复制代码

说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。+ A, ^! @& u* F

' |$ F. j0 s/ L% w( {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. >  

复制代码

说明：描述文档主体的开始和结束。需要结束标记。  
  U6 W& t5 O" G8 M. L: q1 W! A/ V9 r! k5 V5 w- s8 _
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. >  

复制代码

说明：换行标记。7 ?! F: J. E/ t; n( ~

1 U9 V! c' [; v4 [7 M4 W16、

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

复制代码

说明：设置一个按钮。需要结束标记。* L+ r) q" ?. m3 Z/ O
, Y# _! R3 z! T0 P
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加一个标题。需要结束标记。 3 j. {, r9 V. F' m- c% x7 z
/ d. S. @9 s: X* ?* d
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. >  

复制代码

说明：居中排列其中的内容。需要结束标记。6 Y; _4 r8 S. W/ b
' W7 s0 A8 v! O) v% z4 p' ~/ `  z
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. >  

复制代码

说明：简要说明一个引用，内容用斜体显示。需要结束标记。 4 R: O5 y, T8 \4 ^$ f  Q; L; p4 L
$ v& y5 o* p6 l3 ^0 b! C3 E
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. >  

复制代码

说明：以等宽字体显示一段代码。需要结束标记。: n+ C1 s8 ^$ U/ J3 o  ]6 ^0 h5 Q

3 e8 T4 g8 ]5 G, b) j; u8 X! A4 R[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]

admin

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。 % h* W. F) J% G  E
2 b( C) V* m, t+ V+ i  l
      基本结构标志
$ Q/ m: F. K" j. e7 N- [* ~+ [
      <HTML>    ----------表示该文件为HTML文件
7 i0 F7 T8 N% F; k+ ?# ^" H
2 U( G& ^0 k( m- s& l9 \      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等' J6 y2 i; A  p
0 R; P- |2 ]& J+ l+ m; ]
      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中
9 q5 t- b' F$ j5 _/ o2 Z" K8 V( ~. e; s6 v
      <HEAD>    ----------</HEAD>的结束标志; B& N  V; ^2 h! J/ D' i) q

, T  A2 ^; k5 q; I      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>    9 d. N( v6 @, y1 B( {

. F1 v% p  Q3 A9 y$ y% v9 [      </HTML>    ----------<HTML>的结束标志 . e) Q% {$ b! E; Z/ M" L: o9 S

& w" i/ G% z4 Z3 T% `      其它主要标志      以下所有标志用在<BODY></BODY>中 , s7 N) Z7 Q, y
6 K6 m0 p9 U8 h9 X6 e7 i- x; T# p
      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址
& j" l5 Y9 q3 H5 G. @2 k' W  x$ f: ^7 y0 E8 N# E
      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址6 n' ?' j& H* n7 Z# e6 m2 J/ Q1 s$ r
3 g  Q! O3 Z. i4 v- T
      <BR>    ----------换行标志: z1 ]3 z7 T" t! A6 e9 X* T
- Z/ U6 [  O7 a3 u8 d) u) d
      <P>    ----------分段标志( J3 `! S) H6 X* d+ d. M

: `0 R: `+ G0 @) d) B3 Y      <B></B>    ----------采用黑体字9 z: y* e3 \* U

' A3 c- L( e' S6 g      <I></I>    ----------采用斜体字
# a' T$ [% F4 i2 U# D7 Z* P" J
7 V7 T% J9 p! U9 e      <HR>    ----------水平画线
2 n3 h* x& l# o& v
% o- N3 e. p/ D9 Y$ D3 D. c3 f! J2 ^" g      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志
( f9 b" S/ u1 s, C
) m5 ^, c% Z% q+ {; W* p- O      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中
/ s7 p/ ~$ a0 C+ R% U
) i/ A; R6 ?& q  p9 E      <TD></TD>    ----------表格单元，用在<TR></TR>中  c8 A0 N. L: r1 ?7 t$ {/ J3 Q

- f/ S& R6 o  _+ x+ f      <FONT></FONT>    ----------字体样式标志
6 t2 [9 h2 n* ?& H( K$ ]8 ^. i0 |$ ?4 ^
      属性的用法：4 ^5 c* ~8 B/ e: ], \

7 H( H  R) G8 O+ K* A: H      属性是用来修饰标志的，属性放在开始标志内。" d/ q- p. x) }+ M2 j' c7 W
" D: G) B" M, y7 ?. {
      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 # f+ e/ ]$ Q0 z% g
6 w  I% F" h" U% @" Y$ C1 C
      常用属性：对齐属性 范围属性
9 C7 \4 p$ d+ a* Z+ q
+ T7 o6 w+ I& ~+ h# P      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度
& A% l  R0 E: f( w. M
/ f$ h( R5 e* m      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度 ' P' O& W$ W( W8 n( j) R8 h+ Y
8 q) K9 |4 o/ S
      ALIGN=RIGHT 右对齐 色彩属性
7 F3 R7 j5 x# S; n9 ~6 w2 f; a" c  y# R! L
      COLOR=#RRGGBB 前景色 参考色彩对照表
4 x2 u& \: o- H1 g& j  w$ R# j, p" O( N
      BGCOLOR=#RRGGBB 背景色