标题: 初学者接触HTML了解一些HTML标记 [打印本页]

---

作者: 倚天长笑    时间: 2007-11-15 22:00     标题: 初学者接触HTML了解一些HTML标记

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！
5 ^1 k- e/ _+ p; {
$ C# W, F4 t9 B这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。1 O" e/ d0 W0 I7 l; x1 K+ A
1、

1. <!-- -->

复制代码

说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。+ l. ~" Y' J/ \+ o+ M
2、

1. <!DOCTYPE>  

复制代码

说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
( B1 U) ^% l/ Q3、

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=属性。需要结束标记。6 H! x* h" o4 _! q; |4 a4 k
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. >   

复制代码

说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 6 W4 N' _4 X: ]% g
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. >  

复制代码

说明：常用于描述地址、签名和作者信息。需要结束标记。
0 S/ F4 [8 ]+ z" B3 w9 \7 D: {; m6、

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

复制代码

说明：在页面中放置可执行的内容。需要结束标记。
0 t1 K) H8 i* h9 g8 o7、

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中描述超链接热点的轮廓形状。不需要结束标记。- @1 \; n: L) O' g: ~+ L! n! \
& t$ ~, ?  N8 b% O2 ~- i
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. >  

复制代码

说明：将文本以粗体显示。需要结束标记。
" r  j8 p, D4 G0 j8 Z, f/ ?# r2 t+ _8 f% l% K3 f, L* g: t5 C
9、

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

复制代码

说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。% m, g! u6 N: t9 f

( w* N/ @2 a/ R10、

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

复制代码

说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。
2 r+ y! w% s' v9 l/ F# @; g2 c
( u' M  p7 F* O$ K: \+ H* ?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标记中，结束标记可选。  
4 `$ a! v2 p) I1 r+ g. W+ C; {! ^7 D8 u' v0 I5 C
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. >  

复制代码

说明：以比当前所用字体稍大的字体显示文本。需要结束标记。
- d( F- Y. |( _" \
4 L8 z7 U; p) B/ _0 e# R13、

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 d1 D6 T0 \( J# {! d
4 R. O. ?- `6 e9 d. e" 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. >  

复制代码

说明：描述文档主体的开始和结束。需要结束标记。  + n- ]$ Y5 C. a  i$ h3 ^
' y/ I! ~; k7 b
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. >  

复制代码

说明：换行标记。
% b1 x: c( o) _& K5 b0 ?# n' Z, Y2 F
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. >  

复制代码

说明：设置一个按钮。需要结束标记。
+ p3 W9 v  b6 m5 H+ S# L6 M' s7 i* m6 X! E! B, c, Z* t& X
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加一个标题。需要结束标记。
) g8 i6 u5 c) }
. f/ t& Z7 K9 R) g: Q& h18、

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

复制代码

说明：居中排列其中的内容。需要结束标记。& I2 _. F; c: I+ d; k  f

& [) H9 s( K3 @7 Z0 l: b8 \4 S19、

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

复制代码

说明：简要说明一个引用，内容用斜体显示。需要结束标记。 3 M2 F9 S1 L7 h( Q  q5 H. e

. M* L$ O( X5 H% v20、

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

复制代码

说明：以等宽字体显示一段代码。需要结束标记。
# c  |& ^; L9 {& l/ S3 W
9 [/ ]0 a3 Q) x* D' Y[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]

---

作者: admin    时间: 2007-12-8 11:33     标题: WEB网站主要的HTML标志和属性

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。 # }2 x% C6 F) T" F* S3 Y2 g1 [

8 r& F4 y, e6 K) g      基本结构标志
; {* u9 k5 e) Z) O. [2 d; ?" \! x! I; l* T0 I9 r4 _" x! A3 ?
      <HTML>    ----------表示该文件为HTML文件
+ ~  a8 l5 |# Y1 q: c" }6 c% I6 P) i9 u, v" H% q
      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等
3 z0 v: M- @7 Z- \) H5 W. N( ^5 i2 z2 Y2 ?
      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中" C7 z/ a) Q) Q( |9 u

1 w( d4 g- D8 y1 l. L* ]9 i      <HEAD>    ----------</HEAD>的结束标志
: V/ ]! t& _- ^$ ^9 x' v3 X4 W& s7 l# x# l. s  W
      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>    % e7 t; q; n4 D: e2 M. q
  m" h6 Z0 c9 [( _9 K7 o& D( F
      </HTML>    ----------<HTML>的结束标志 9 w7 Y* k, U  a( U0 ?

8 g6 t* M, e) D8 }. b6 [! r      其它主要标志      以下所有标志用在<BODY></BODY>中 : S* g; d2 M3 N% K% F1 ~

# @$ L% ]& X. u      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址# D" t8 T+ t" Q( K. U* ~
3 m% }5 a: k$ r1 _8 j" _) Y8 E% X2 t
      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址5 l, j+ g! A9 o! ^  b8 [9 Y
3 O  e' _' S3 w4 j6 t
      <BR>    ----------换行标志7 W8 E' {) i- c3 t- c2 R
& L  A3 S+ S/ n- w
      <P>    ----------分段标志, }9 v9 [: a( _0 W1 J3 I9 M0 q
9 W2 n( l! @& {' q
      <B></B>    ----------采用黑体字
. a  s( n5 S6 Y7 ~/ y  D& H2 i7 k& d* H! Y
      <I></I>    ----------采用斜体字
6 g9 _0 J; {# f1 ]- {% Y  i- U. O* V0 ~1 ]9 i
      <HR>    ----------水平画线
* {& c5 j* ^8 P8 F3 j1 e' T) Q% z1 V- m+ x3 n
      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志
4 n# w+ Y5 ^% L
. L) U) q( A% n8 D; @1 j2 H4 A4 Q9 k9 |      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中
/ u# j7 t$ l/ ~$ A# v0 ^  ]; R) ~7 w* j
      <TD></TD>    ----------表格单元，用在<TR></TR>中
8 ~3 Z6 u. I2 H+ m
, s0 W% {& W' ?8 h- ]( O0 ^      <FONT></FONT>    ----------字体样式标志 2 p- q" f5 x) R+ \; M

7 j, n9 f7 [& \* z/ U# [4 e      属性的用法：( r% U" d2 C& i
- f3 o4 P) ?* x+ l* P- G: {0 V) Y
      属性是用来修饰标志的，属性放在开始标志内。
* z' e& \: f" y# |6 N1 S' b, G: l; p+ ^. f: l. ?% M/ `
      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 ! O+ ]  J; {' G
% j! }* N+ T3 K3 P' U
      常用属性：对齐属性 范围属性 1 @% e7 @$ j. S' M
1 ~) U7 C: N# v$ o* C
      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度
: n1 X) U: Q# o; L2 \3 [1 C# H9 D1 D6 M# `- z; I9 e
      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度
( w  _' G$ T! y
  n! I4 i5 m1 ^( M( Y      ALIGN=RIGHT 右对齐 色彩属性 9 ?; D5 N2 x, J0 g9 p
1 x. J1 ]! x, x$ E' N* q+ W
      COLOR=#RRGGBB 前景色 参考色彩对照表
# C9 r2 N- q$ }: s1 y# J+ O3 X8 C4 S! `- l7 W
      BGCOLOR=#RRGGBB 背景色

---

欢迎光临 捌玖网络工作室 (http://89w.org/)

Powered by Discuz! 7.2