返回列表 发帖
倚天长笑

Rank: 1

UID
55 
帖子
1 
精华
0 
积分
1 
金币
0  
威望
2  
贡献
0  
1楼 跳转到 » 倒序看帖
打印
tT
发表于 2007-11-15 22:00 | 只看该作者

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

HTML标记学习
初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！
* x* f: K% B- y0 T+ G
! `/ a5 h. \6 @) }$ c这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。  c1 a4 U' Y+ W( `( D
1、
  1. <!-- -->
复制代码
说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。
, N* G8 m4 }. W) e2、
  1. <!DOCTYPE>  
复制代码
说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。   Z4 ^2 H6 I& V3 J
3、
  1. <A
  2. ACCESSKEY=key
  3. CLASS=classname
  4. DATAFLD=colname
  5. DATASRC=#ID
  6. HREF=url
  7. ID=value
  8. LANG=language  

  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=属性。需要结束标记。  p* O% R& M7 K3 g1 {( S$ y
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. >   
复制代码
说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 / b/ T7 R" Q0 X. 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. >  
复制代码
说明：常用于描述地址、签名和作者信息。需要结束标记。4 i2 l$ J) V: O1 H& ^/ E1 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  

  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. >
复制代码
说明：在页面中放置可执行的内容。需要结束标记。
9 f- V; }5 B9 D; ]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中描述超链接热点的轮廓形状。不需要结束标记。
. D) w# n- w0 e% Q1 u- z2 E8 g7 N
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. >  
复制代码
说明：将文本以粗体显示。需要结束标记。' s3 P% U- h9 P! \* d) p

, S1 Q* H& d0 n9、
  1. <BASE
  2. HREF=url
  3. TARGET=window_name | _blank | _parent | _self | _top  
  4. >  
复制代码
说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。. w% L& u0 t( {: `3 K2 }4 U4 ]
' A# }  h' r* s5 i2 t0 v. m( U
10、
  1. <BASEFONT
  2. CLASS=classname
  3. COLOR=color
  4. FACE=font
  5. ID=value
  6. LANG=language
  7. SIZE=n
  8. >  
复制代码
说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。4 J) ~7 u# W. B* u- n
$ P, v9 a2 @' Z4 k! o, @
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标记中，结束标记可选。  
" E' k/ X, A/ V: O" E; m1 v- d- v8 X7 ]: M
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. >  
复制代码
说明：以比当前所用字体稍大的字体显示文本。需要结束标记。' c' J% ?' J' L% V% o: q
' F7 ~7 V& F3 e  b8 K" i+ ?, k: u
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. >  
复制代码
说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。
5 M& U, c. u9 O& g. M4 j8 L/ s5 ~+ c; i, Q6 Q" j  U
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. >  
复制代码
说明：描述文档主体的开始和结束。需要结束标记。  
+ A" V( _8 E: O6 h! s+ @9 ?  M2 R& P. q
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 Y. g+ Q/ ?2 n2 @+ g5 ~8 i: B( b8 W/ ]1 O
16、
  1. < BUTTON
  2. ACCESSKEY=string
  3. CLASS=classname
  4. DATAFLD=colname
  5. DATAFORMATAS=HTML | TEXT
  6. DATASRC=#ID  

  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. >  
复制代码
说明：设置一个按钮。需要结束标记。
- z1 B" f  x& X2 e4 A. r9 K% j! ~; x3 x* ~& k3 b# l. ^
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加一个标题。需要结束标记。
6 x" C. D8 M/ L+ b! A
" h+ x& g! ?! F+ v; n18、
  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. >  
复制代码
说明：居中排列其中的内容。需要结束标记。) V; n1 u5 `( g3 r" n* M3 w  S

' i! q0 a/ z) |  U$ Z19、
  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. >  
复制代码
说明：简要说明一个引用，内容用斜体显示。需要结束标记。 , B( ^& }4 \4 V  ]2 ?
' Q; k6 e2 z% s* B2 [
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. >  
复制代码
说明：以等宽字体显示一段代码。需要结束标记。
7 h- R# ]" h% `/ F  a$ ~) D) y2 i/ D9 n0 N* o  a4 t
[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]
收藏 分享

admin

Rank: 9Rank: 9Rank: 9

UID
1 
帖子
738 
精华
28 
积分
14321 
金币
2446  
威望
1647  
贡献
1394  
2楼
发表于 2007-12-8 11:33 | 只看该作者

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

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。
% e  d( F3 j+ ?: x5 v) v$ f9 n: n9 Z6 Q+ E1 j  T7 v, Y& J
      基本结构标志8 Y& B  |2 Z- ^: h( }' R
" y2 y& j( I' {& a
      <HTML>    ----------表示该文件为HTML文件
$ |9 `0 r" k2 p# q) q$ N' m+ b1 V+ ]( l. j/ B9 d5 H9 t1 U+ ^2 ?
      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等% O9 B+ x1 {/ _& n2 d$ ?8 K  C2 s
% y2 G. c( p( g1 |; s( v  B- D
      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中
( a7 M& n1 J3 t* b" M
5 _6 W2 K# X/ h# e      <HEAD>    ----------</HEAD>的结束标志$ T7 `3 M" J+ H+ N
4 v: }4 g. P4 h) R) f# N# h) Z3 g
      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>    & X& V# }, b& \, t. L; ?- h: H

% Q: c$ Z' h) j: j% |      </HTML>    ----------<HTML>的结束标志
* v) [+ ^/ a) [: r, T/ i1 ?* M7 X, V; ^0 ~1 G
      其它主要标志      以下所有标志用在<BODY></BODY>中 - `% S7 K  w( l( y2 H, y

' j6 C2 N' ~8 V- a  {- q      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址- ^# r9 f/ ?4 U  H

8 E* `9 R$ ~2 c( B2 n$ Q8 E      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址+ N5 V; z1 K) R6 P& ^' F* o$ Q
! B! U# J) w2 t" x
      <BR>    ----------换行标志' U3 ], l$ Q2 G' W% V# V  N! S6 T

( s) r0 \6 K" _5 y: b      <P>    ----------分段标志
" w# L% b) G; y, v
2 p* Q- r6 i5 ~6 a2 ]# l/ J      <B></B>    ----------采用黑体字+ ~1 b$ A- ?  z8 Y9 q' p5 `

! B: |& `9 }: r/ \' T3 z      <I></I>    ----------采用斜体字7 J( e6 o/ D5 U# @" Y* n$ k
' i$ E7 |3 O8 T. L; ^
      <HR>    ----------水平画线2 O- o+ H- l0 v0 m" v

1 [4 ]/ Y0 @/ F. ]% s/ k" `. I& G; U" x      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志! I6 v  @8 T9 I& D7 K2 V

3 T, j+ A" t1 \- R+ H% R- v& ]4 ]1 o+ Z      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中
  N3 R7 h' P2 `  b' [8 q
! p9 Q; K0 d4 j; g4 I5 ?; p) D) n5 H3 S      <TD></TD>    ----------表格单元，用在<TR></TR>中% p- T1 L+ N, q/ q

* o; G! M$ w1 S7 z! Y, o      <FONT></FONT>    ----------字体样式标志
3 a" g; ]% B1 H
- ~% Z1 ^2 N* z5 r      属性的用法：" w. x3 q% z% ~3 Y: |) o" C
/ N" e; }5 _7 j5 ]8 k; x
      属性是用来修饰标志的，属性放在开始标志内。
$ `6 Y4 t& N6 Y4 j0 k- A( b1 e+ W7 F6 r! d9 d
      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。
# C  e/ R1 f# l' ]5 I! Y3 I: q' ^/ ]% ?& t, t, N- g$ F# K
      常用属性：对齐属性 范围属性
& r. o9 B" o9 a' l8 N9 |
6 R  J2 p0 K& B# j; W3 a# C      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度 + F) j; r6 w2 Z0 W& L& \9 a

5 F& k- Z% n& @; R8 ?: n; u2 a      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度 . L3 X7 [% v  G6 N
* @, |" [. n" g0 H4 L
      ALIGN=RIGHT 右对齐 色彩属性 5 ^$ C3 V! E  J6 J& B
/ G+ b9 ~& v. f! ^% N6 u  C1 q3 s
      COLOR=#RRGGBB 前景色 参考色彩对照表 / y( v5 }4 o% A3 v: S
. F  x* Q; S5 \5 ^
      BGCOLOR=#RRGGBB 背景色
捌玖网络 89w.org----致力于站长学习交流

TOP

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