返回列表 发帖
倚天长笑

Rank: 1

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

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

HTML标记学习
初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！
6 F" T# l  _' P8 ]1 e4 f( O+ G+ P. W/ O# R9 G+ l
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。. F7 M. h  B1 x0 j9 s
1、
  1. <!-- -->
复制代码
说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。
# J( n) r2 m. s  C3 K+ }9 W2、
  1. <!DOCTYPE>  
复制代码
说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
1 h: c/ @- X  D, d/ ?& l4 k5 y3、
  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=属性。需要结束标记。
, y. e& k- w: `/ z4、
  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. >   
复制代码
说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 5 E. `& T  W: Q% {8 D
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. >  
复制代码
说明：常用于描述地址、签名和作者信息。需要结束标记。
8 Y5 ?8 F/ M& ]5 Z$ X6、
  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. >
复制代码
说明：在页面中放置可执行的内容。需要结束标记。; I- c; T3 ^  q5 q! Y; x$ `& [
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中描述超链接热点的轮廓形状。不需要结束标记。9 Z4 I# W& `! k3 R
  L2 E5 L* H9 p3 J* q
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. >  
复制代码
说明：将文本以粗体显示。需要结束标记。1 f. z- J$ k& J. q( Z3 {0 T

4 \% T1 m" B' Y# H7 ^. T" j9、
  1. <BASE
  2. HREF=url
  3. TARGET=window_name | _blank | _parent | _self | _top  
  4. >  
复制代码
说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。
+ M( A5 I. U( w$ E; f* p! q( o  o$ ]8 Q
10、
  1. <BASEFONT
  2. CLASS=classname
  3. COLOR=color
  4. FACE=font
  5. ID=value
  6. LANG=language
  7. SIZE=n
  8. >  
复制代码
说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。
8 U% d* d) _& h5 u% Q; }) E1 l. W$ N& M7 j0 n* U' w3 A  }
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标记中，结束标记可选。  
0 R, B) q, {6 G, P
" b5 q4 D- B7 _; I% x+ v12、
  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. >  
复制代码
说明：以比当前所用字体稍大的字体显示文本。需要结束标记。
# t5 m' y  ?" v8 B
, b( v: l4 F' n13、
  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. >  
复制代码
说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。1 I1 z# V/ Q# L, V1 m  M

6 S/ D5 T' 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. >  
复制代码
说明：描述文档主体的开始和结束。需要结束标记。  
5 v. ]& j/ U; |: H; _6 U
+ u. x) f1 T  M% E7 @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. >  
复制代码
说明：换行标记。
- }, d4 Q/ W0 L7 p3 p
, t- _& z' L/ ~0 Q16、
  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. >  
复制代码
说明：设置一个按钮。需要结束标记。
" U4 A8 K4 p2 ?4 P1 ^0 W
1 h" ?$ c4 z5 T6 A1 S8 _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加一个标题。需要结束标记。 7 h% B# h/ N, I+ L6 ?+ {6 ^
: J& o& m' B# q
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. >  
复制代码
说明：居中排列其中的内容。需要结束标记。
' k, c) e; B' u( H( a! R3 J* L2 @8 K- ]& J
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. >  
复制代码
说明：简要说明一个引用，内容用斜体显示。需要结束标记。
0 k% }/ g3 s2 E$ {- I& u# W& M
# D7 D/ S" t, X2 L/ F20、
  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. >  
复制代码
说明：以等宽字体显示一段代码。需要结束标记。
8 E* {  s$ A5 L9 N8 o
2 M7 Y) {8 ]+ t: d[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]
收藏 分享

admin

Rank: 9Rank: 9Rank: 9

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

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

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。
4 g: }9 t, T& b! H& _7 {( e
- E2 d1 E" X$ x      基本结构标志& W4 ~# s# P7 J9 x1 S) {

1 j/ F1 G7 t) ?  D6 r- t: ~      <HTML>    ----------表示该文件为HTML文件
4 M' F  k6 ?6 l6 L
- e5 \1 \" W; b. E4 |& b      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等
9 {, l) W$ A2 c' s- R
; e: {' Z; x0 H" ?7 i* D+ O7 ]* I8 K      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中
' H' P6 t5 @+ Q0 V7 t/ H9 l2 y4 F6 l: C5 I+ i- T1 P0 W0 @$ ]
      <HEAD>    ----------</HEAD>的结束标志
8 n% ]" s  j5 k4 L% {0 n
' `* x$ m8 K( W0 b, Y      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>   
2 L3 n' O4 w. u" [. V2 s/ J0 c( X. c3 ~5 d: o) i; B5 s* ?
      </HTML>    ----------<HTML>的结束标志
& Q- d! C% Z' _  i6 U1 N5 [" p4 F+ n9 R) p; ?
      其它主要标志      以下所有标志用在<BODY></BODY>中
8 x- _9 G- M" X1 P6 P) d: J/ P
( @: x2 s! F1 o% d      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址
' A. U5 ^) b; @6 ~$ T# q2 b5 X
& J3 x$ i& x# o      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址9 l( T5 v# f- e. a* A0 M/ G2 s) X

) k4 O; V+ U1 i      <BR>    ----------换行标志# U4 q8 H- `# o9 b& z" w% j. A
5 l6 }/ S% N* z- x
      <P>    ----------分段标志* Z0 v: r+ f1 ]% C8 \) _0 }
: Z1 h! W5 q+ d$ s& z
      <B></B>    ----------采用黑体字
  A0 G# ~& ]7 ~! j  E9 U- l6 ?& J9 c6 B4 P
      <I></I>    ----------采用斜体字& z+ w& v+ A! Z/ h3 f4 k

0 }/ C3 I  p& K% b7 ~      <HR>    ----------水平画线
7 R# K9 ~& z, C: J  D9 a/ N
" v9 l; }- L3 q5 B% Y' [1 N      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志
0 p0 S2 M9 b3 @, R- [4 @* ?! D! l2 L1 E9 A$ L: q2 @( k
      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中
0 _, x( A8 l$ d. k8 ]& [2 V6 l% T. ~* B" \/ I( Q
      <TD></TD>    ----------表格单元，用在<TR></TR>中( J5 u$ i. B6 Y5 f- }" @' r0 h* N
3 h9 m% `! ~( t9 W" l" B* G
      <FONT></FONT>    ----------字体样式标志
1 t8 ~; F: `" b- Q( `1 J& m. m& M6 i2 X9 z6 ~7 h$ m& i( P- x
      属性的用法：
$ N: e# Q& D  J$ a, ]' S" ?% |7 q7 ^( p  V$ \6 |- h
      属性是用来修饰标志的，属性放在开始标志内。% [6 G1 q! c7 U% E( k# G

/ I& C" ]! m  E7 ]1 y# q      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。
5 P; H! p  j8 j. X1 W
2 D& o9 F- o" u! w- ?) o      常用属性：对齐属性 范围属性
3 D# g4 A. O( U+ w
! }, Y" |, K4 S* ~7 |( c      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度 7 x/ {  W4 K, a8 D) D: C3 z2 X3 y

9 h; I1 x% Z6 j& t4 n( M      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度 3 F6 @; a* K- s' G& n
' @" o7 ]6 n2 @- j
      ALIGN=RIGHT 右对齐 色彩属性 % }- @& g9 q% B* x" B

, E+ u! K( E6 C  W      COLOR=#RRGGBB 前景色 参考色彩对照表
# a. o% P8 _4 }1 k) S
) {2 V9 v" _9 l      BGCOLOR=#RRGGBB 背景色
捌玖网络 89w.org----致力于站长学习交流

TOP

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