返回列表 发帖

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

初学者接触HTML了解一些HTML标记,陆续介绍,可以帮初学者学习HTML,或者已经入门的朋友当作一个参考也是相当不错的!
* f, s! J! f1 J# y5 j; Z9 C: \
8 R# @4 o, E4 H9 }这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍,如:B标记,FONT标记,都是不符合XHTML规范的。1 S1 A% @8 P; f" }- K. ]! H& n& V
1、
  1. <!-- -->
复制代码
说明:注释标记,在“<!--”与“-->”之间的内容将不在浏览器中显示。
, v: J9 v! b6 Z2 ~, i6 a2、
  1. <!DOCTYPE>  
复制代码
说明:描述文件所符合的HTML DTD,用于对文件的兼容性作简要说明。 5 Z: D. X: r( B$ A
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. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
  10. METHODS=http-method
  11. NAME=name
  12. REL="stylesheet"
  13. REV="stylesheet"
  14. STYLE=css1-properties
  15. TABINDEX=n
  16. TARGET=window_name | _blank | _parent | _self | _top  
  17. TITLE=text
  18. URN=urn
  19. event = script
  20. >  
复制代码
说明:描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。
& O% T# F$ }: Z, U" ?, k4、
  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* w$ J, k) i4 k3 p
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. >  
复制代码
说明:常用于描述地址、签名和作者信息。需要结束标记。
9 G/ H: e- O2 c- n4 j( Y2 G0 t6、
  1. <APPLET
  2. ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |  
  3. RIGHT | TEXTTOP | TOP
  4. ALT=text
  5. CLASS=classname
  6. CODE=filename  

  7. CODEBASE=url
  8. DATAFLD=colname
  9. DATASRC=#ID
  10. HEIGHT=n
  11. HSPACE=n
  12. ID=value
  13. NAME=name
  14. SRC=url
  15. STYLE=css1-properties
  16. TITLE=text
  17. VSPACE=n
  18. WIDTH=n
  19. event = script
  20. >
复制代码
说明:在页面中放置可执行的内容。需要结束标记。: D( @/ Q) @! W' m! K0 T
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中描述超链接热点的轮廓形状。不需要结束标记。! W$ k6 I! a# V: @$ }

! c0 [8 d1 M; A8、
  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. >  
复制代码
说明:将文本以粗体显示。需要结束标记。
7 L6 l( `9 [$ Z7 O9 Q/ J
3 |7 ]! O' @( c$ {9、
  1. <BASE
  2. HREF=url
  3. TARGET=window_name | _blank | _parent | _self | _top  
  4. >  
复制代码
说明:描述文档的基本地址,浏览器依此转换相对地址。只能用在HEAD标记中,不需要结束标记。' j% J/ r, J0 R' T6 f! _# z
$ }" |& j1 J! m
10、
  1. <BASEFONT
  2. CLASS=classname
  3. COLOR=color
  4. FACE=font
  5. ID=value
  6. LANG=language
  7. SIZE=n
  8. >  
复制代码
说明:描述基本字体类型,用于显示缺省字体的文本。可用在HEAD标记中,不需要结束标记。
, a" K: h" @. [- L3 @
+ r0 f) O" k8 R6 ?  M11、
  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标记中,结束标记可选。  8 D7 @( i* d. C, k+ c( I' O
+ p/ X) D6 W" t" n
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. >  
复制代码
说明:以比当前所用字体稍大的字体显示文本。需要结束标记。
2 q' s0 T5 M$ e/ ~
- v8 u& z# _8 B1 W8 e0 |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. >  
复制代码
说明:引用其它资源中的内容,可能会缩进、斜体显示,通常上下加空行。需要结束标记。: U/ i4 R$ p4 S# A$ K# K
- h' j' W' z# _3 B- E$ c4 M2 |
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. >  
复制代码
说明:描述文档主体的开始和结束。需要结束标记。  
* E4 {& Q- F( {4 j5 ], x1 p
! t  e. A8 b% \# L, y15、
  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. >  
复制代码
说明:换行标记。
) t. T- Q+ F6 g/ j6 G& a5 z4 d8 J, E  d. Q* O# P
16、
  1. < BUTTON
  2. ACCESSKEY=string
  3. CLASS=classname
  4. DATAFLD=colname
  5. DATAFORMATAS=HTML | TEXT
  6. DATASRC=#ID  

  7. DISABLED
  8. ID=value
  9. LANG=language
  10. LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
  11. STYLE=css1-properties  
  12. TITLE=text
  13. TYPE=BUTTON | RESET | SUBMIT
  14. event = script
  15. >  
复制代码
说明:设置一个按钮。需要结束标记。
2 _8 }+ A' L. }2 S- y  W+ |0 m% p+ h. O" 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加一个标题。需要结束标记。 9 B5 T  N0 `3 r! e. b; i% f
  g- z( J  [+ }5 D. F: [% K! C
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. >  
复制代码
说明:居中排列其中的内容。需要结束标记。3 n% F! \( L, R' z) O# p8 ]1 b. q

' h! p( P) q- |  r2 Q19、
  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. >  
复制代码
说明:简要说明一个引用,内容用斜体显示。需要结束标记。 0 ]; r2 c8 ?( C: X7 T$ D- u5 z! O

3 o; r, y. Q. ?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. >  
复制代码
说明:以等宽字体显示一段代码。需要结束标记。
, ~- ]; G9 n8 s- g% b8 I6 D0 k0 ^
# |$ x7 H& K' S7 u0 c  ]* w, f: Z[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]

WEB网站主要的HTML标志和属性

HTML是由标志和属性构成的,它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件,属性是标志的选项,在标志中修饰,如颜色,对齐方式,高度和宽度等。很多标志都成对出现,例如有<TITLE>就有</TITLE>前一个表示开始,后一个表示结束,内容放在两者之间。 $ T/ I+ E4 D! f' H. ~: W; \" k- p

2 K8 j' J6 h3 m- a8 @      基本结构标志( a4 X/ t" z$ H9 g- B

  {* i" y# n6 F/ h2 i! Z" N      <HTML>    ----------表示该文件为HTML文件
/ I4 u5 Y' k- W9 e  f9 F- V( |" y: t* S+ w2 K* H5 b
      <HEAD>    ----------包含文件的标题,使用的脚本,样式定义等
8 Y" ]( L" z& \# T1 d
1 v8 D6 Q2 d1 _& Q      <TITLE>HELLO WORLD!</TITLE>  -包含文件的标题,标题出现在浏览器标题栏中! c& d& h2 m9 m: [" Y. t! P- ]

& M4 V7 `$ @: u( D! b  D      <HEAD>    ----------</HEAD>的结束标志5 E: e* i4 R! h. N+ _

: A1 E, d% e! l4 ^+ v& V8 }7 |      <BODY>   --------放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示</BODY>   
- Q% E( `# k6 b! {' T/ f1 e( y2 l4 K
4 _  r0 r5 N0 p3 |8 f      </HTML>    ----------<HTML>的结束标志
* j: L7 G. l, a2 ^! }
* }+ ?$ D( T; l3 O      其它主要标志      以下所有标志用在<BODY></BODY>中
. j- k0 [# m+ v
7 I6 i: q: q. d      <A HREF="…"></A>    ----------链接标志,“…”为链接的文件地址
* r$ |: L; C2 n9 e6 n7 H3 K, L1 A/ f
      <IMG SRC="…">    ----------显示图片标志,“…”为图片的地址$ B' d6 v* v6 x1 k0 F5 Y

) J3 w  i- c: U' ]4 ^1 V, X3 p      <BR>    ----------换行标志, b8 W0 @  k" m1 D
) n3 g  z# J: ]0 J) G/ G
      <P>    ----------分段标志
7 S0 l+ e( f3 T9 I3 q# N! b1 V" z& W5 q- p5 b5 ^$ _
      <B></B>    ----------采用黑体字, x+ K, ]9 P  x1 J% ]+ [$ R$ k
: B& D6 F' W. e1 X
      <I></I>    ----------采用斜体字+ A) r, m6 }2 A  D" r  s" {
" u( ~  z7 F+ z8 v7 c- a
      <HR>    ----------水平画线# c$ E& D4 z" i  j$ q: b+ q* o
8 t3 C9 M8 j$ f
      <TABLE></TABLE>    ----------定义表格,HTML中重要的标志
* [+ b" p; Q8 p6 O$ ?( ?' V# l# Q- p& f; J4 u: J/ Z- X' L6 z
      <TR></TR>    ----------定义表格的行,用在<TABLE></TABLE>中
4 ]9 T* ~. g+ l% Y
. i0 ]7 h* A6 I: ~      <TD></TD>    ----------表格单元,用在<TR></TR>中2 k4 b! e( k1 k* o! G
+ n- A# k# F* |5 _9 o5 n
      <FONT></FONT>    ----------字体样式标志
, u: ?) P. d- Y( D* M' _. h/ S
& }9 G6 _( A3 _* m      属性的用法:& `5 C9 D+ Z0 N' E
  K  ^5 W" L$ |
      属性是用来修饰标志的,属性放在开始标志内。
9 \' |0 z' B& s. A- r6 v
2 I( {. V# `& Z0 Y  U6 s7 d      
例如:属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子:<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色,<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 # p& j3 C' F7 H9 r

6 F' A2 x0 H5 G" C( {5 ?0 t      常用属性:对齐属性 范围属性
0 e1 K; m8 d% _1 q# N; Y, Y1 m3 X# Q# u; d/ s: \
      ALIGN=LEFT 左对齐(缺省值) WIDTH=象素值或百分比 对象宽度 0 a0 i8 m% t4 L' K# F9 t
' q1 @2 e) `1 C2 d+ ]/ z
      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度 ; T6 L. q, e, S% B
) |  j( n3 L" ^' u2 C
      ALIGN=RIGHT 右对齐 色彩属性
9 Q1 U' p2 ]! w8 p& a5 r# F" b9 `# D0 T0 a: B3 M6 ~
      COLOR=#RRGGBB 前景色 参考色彩对照表 5 Y6 c; p' `# ~8 C& _

' z& N) n- K- b3 `9 J, `      BGCOLOR=#RRGGBB 背景色

TOP

返回列表
【捌玖网络】已经运行: