获得本站免费赞助空间请点这里
返回列表 发帖

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

初学者接触HTML了解一些HTML标记,陆续介绍,可以帮初学者学习HTML,或者已经入门的朋友当作一个参考也是相当不错的! 6 O  N3 S2 V( ^( `; X" M# h6 x
. Y% n$ q, o  W0 g1 b
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍,如:B标记,FONT标记,都是不符合XHTML规范的。
/ G2 m  ?* {4 Y; b* x2 p3 Q( m7 G2 H1、
  1. <!-- -->
复制代码
说明:注释标记,在“<!--”与“-->”之间的内容将不在浏览器中显示。
' B  g: Z' E, y- a2、
  1. <!DOCTYPE>  
复制代码
说明:描述文件所符合的HTML DTD,用于对文件的兼容性作简要说明。
: }4 D; E* _, D2 U3 M9 y3 p* }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=属性。需要结束标记。2 v5 Z& d/ Y* _5 Y% m/ J
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. >   
复制代码
说明:说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 8 v# p/ I3 a. U
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. >  
复制代码
说明:常用于描述地址、签名和作者信息。需要结束标记。$ q# s3 X5 s6 e
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. 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. >
复制代码
说明:在页面中放置可执行的内容。需要结束标记。6 I4 P) c4 J3 w% C; P  u' Q
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中描述超链接热点的轮廓形状。不需要结束标记。6 x( g8 ]- m8 T, ^" a

" d$ ?3 y4 [/ n% i$ L8、
  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. >  
复制代码
说明:将文本以粗体显示。需要结束标记。; V/ m# t+ ^' A/ Q% t% @* A
! z- I! W. |/ K; T
9、
  1. <BASE
  2. HREF=url
  3. TARGET=window_name | _blank | _parent | _self | _top  
  4. >  
复制代码
说明:描述文档的基本地址,浏览器依此转换相对地址。只能用在HEAD标记中,不需要结束标记。% a! E6 D/ Q, b% ?. M

. ]7 _( h  p- z) f10、
  1. <BASEFONT
  2. CLASS=classname
  3. COLOR=color
  4. FACE=font
  5. ID=value
  6. LANG=language
  7. SIZE=n
  8. >  
复制代码
说明:描述基本字体类型,用于显示缺省字体的文本。可用在HEAD标记中,不需要结束标记。
. a; r8 s' H* h
  f7 k& @& R4 P4 w% 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标记中,结束标记可选。  
  N9 @8 L& w6 j# f7 Q4 V  _, u0 |
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. >  
复制代码
说明:以比当前所用字体稍大的字体显示文本。需要结束标记。
( t6 G! o- l( R( C* S, p1 c5 \3 q6 |6 G6 b+ Q! B% \- f
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. >  
复制代码
说明:引用其它资源中的内容,可能会缩进、斜体显示,通常上下加空行。需要结束标记。/ x6 \* D# C- p) q4 R9 _" p
2 c3 ]$ f9 r5 `3 a
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. >  
复制代码
说明:描述文档主体的开始和结束。需要结束标记。  # D5 u* ^7 C/ [6 k: t

; K+ o; P9 G2 e5 j4 p1 j' c* ~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. >  
复制代码
说明:换行标记。
  ?8 b* L8 a- |1 X2 j8 l! _& K
% h$ C# K" W/ R: L' j' [- t* ~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. >  
复制代码
说明:设置一个按钮。需要结束标记。- O# {# n$ [6 F: p" e1 D

$ @* U# G+ K+ x$ k6 y2 \( k17、
  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加一个标题。需要结束标记。 ( p. v# B( M9 ?$ ~1 W7 K
* x" P: z+ v$ R0 z  W# a
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. >  
复制代码
说明:居中排列其中的内容。需要结束标记。
4 l) c6 J- H( u: u( H9 K
( Q9 {, O4 G5 T3 p- ?. v( v7 W19、
  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. >  
复制代码
说明:简要说明一个引用,内容用斜体显示。需要结束标记。 % o! B  g, p4 }( k+ P7 m2 }* ^

) f4 E  D6 X6 t/ C7 |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. >  
复制代码
说明:以等宽字体显示一段代码。需要结束标记。
/ ^( c# H+ t" W" L7 o" y$ ]& q6 w- {. L! ]2 H" I  i4 V1 q7 U8 O
[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]

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

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

9 H( e9 u9 |: `  y6 R      基本结构标志
- U1 @' N" B$ \+ p) ^* y) s5 U. U
$ l6 I" c0 A3 v
      <HTML>    ----------表示该文件为HTML文件
' R! T) i' A9 H$ q" }
+ U6 B  ~( e/ h2 f: ~/ h  k      <HEAD>    ----------包含文件的标题,使用的脚本,样式定义等
/ S; g% p' w# F2 R" `( S- A/ W' w0 A6 V* o, \
      <TITLE>HELLO WORLD!</TITLE>  -包含文件的标题,标题出现在浏览器标题栏中
4 ^0 g. @: O3 O4 f6 D. Z
3 U# M& Y1 o6 o+ X& T, O7 W      <HEAD>    ----------</HEAD>的结束标志
+ b4 B! [% `$ i7 A8 A! g  D0 K" G; ~: O
      <BODY>   --------放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示</BODY>    0 V) [; E/ J. I, X

$ x# B3 e0 F- y- Q, A+ m6 b& Z      </HTML>    ----------<HTML>的结束标志
. M  F2 E3 _& K3 z! b  E, I1 w, X. k
: f; W+ A: H, T' r      其它主要标志      以下所有标志用在<BODY></BODY>中
) a& S1 q4 i/ w1 W& @6 I& d0 [  R0 T) `7 k0 e
      <A HREF="…"></A>    ----------链接标志,“…”为链接的文件地址4 F1 R- ?  C) g, p. ?* l2 W- r
* q% a& b, s( y! m
      <IMG SRC="…">    ----------显示图片标志,“…”为图片的地址) [6 N$ ^2 I: {1 a8 J
  ^# N" k  h) j- v: V
      <BR>    ----------换行标志$ ^. v; z2 R0 j) d" V$ V: o

4 v, v1 P# y: m) F& b" @) t# p      <P>    ----------分段标志$ p! r# }% f% I6 i1 D3 V

6 a9 d8 B- \" z8 u$ o' C  i      <B></B>    ----------采用黑体字% h: L5 E8 T- K0 @( S: U2 _) Z

* }% j6 m. k; d/ b3 S& m      <I></I>    ----------采用斜体字
4 P" w  y" |* ^  ^& A$ {
, \* y% }8 [3 V( B! d      <HR>    ----------水平画线
' b& W& e( K6 y  ]! a+ _( N
, ~! E) G! D- r& n- `7 ]  b2 y      <TABLE></TABLE>    ----------定义表格,HTML中重要的标志5 I6 a% z. F4 E# y' O0 |
) t) k$ G( _7 ]4 W5 N& u0 s5 x
      <TR></TR>    ----------定义表格的行,用在<TABLE></TABLE>中) h6 N0 ?+ o" u: \. _, a% m
& _, r$ o# k: ^1 A% E$ Z1 f
      <TD></TD>    ----------表格单元,用在<TR></TR>中
3 F3 z# f: W5 U: M) B3 t9 |7 J! L* e) V/ J
      <FONT></FONT>    ----------字体样式标志 4 B9 l+ s  n: m2 Y" {. |: m; w
7 f. N5 Q3 f' d( t6 Z  ~& X, a# y
      属性的用法:
7 T0 y* F7 V$ F) o; z
! u# Y  b* g$ @" e& m/ v
      属性是用来修饰标志的,属性放在开始标志内。
* O: y% h+ s- ^8 s6 g, n
1 Y, Y) ]& F- z: g      
例如:属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子:<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色,<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。
1 ]$ K; a7 ?; O. y: H6 Z( M
$ j: {# b2 m- C( o# ~) K      常用属性:对齐属性 范围属性 ! K7 |! V# u0 @  p! s7 S. G
' y9 J; B: R4 d9 q( H
      ALIGN=LEFT 左对齐(缺省值) WIDTH=象素值或百分比 对象宽度 " u4 r- w( T% S1 J

$ V$ v, s  s5 K5 B0 {      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度 ( u$ G/ L; C  g  V- H* u( N
( J: f! }7 G- X0 U
      ALIGN=RIGHT 右对齐 色彩属性
, W6 I- i" h! f. s( I& r+ F+ ]4 k9 b1 q4 b
      COLOR=#RRGGBB 前景色 参考色彩对照表 7 {1 r/ u( R* k2 R  z
+ \  K+ a  \- O! a
      BGCOLOR=#RRGGBB 背景色

TOP

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