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

Rank: 1

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

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

HTML标记学习
初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！
( Y& o& j! v9 M5 @0 J9 c6 m$ S* z' [# x, I
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。
( T2 O3 |, W& d( {, _; j1、
  1. <!-- -->
复制代码
说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。( f' [0 e% G) J3 v) p4 A/ W! f
2、
  1. <!DOCTYPE>  
复制代码
说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
1 l9 l! r  I9 q  i3、
  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=属性。需要结束标记。' b+ R  [: h, F, }( N
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. >   
复制代码
说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 5 @/ F4 \. `5 C; i# _  ?8 n
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. >  
复制代码
说明：常用于描述地址、签名和作者信息。需要结束标记。
" V* [8 Q$ g. W9 n6、
  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. >
复制代码
说明：在页面中放置可执行的内容。需要结束标记。
5 B" ~, i) ?) r& o/ u7、
  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中描述超链接热点的轮廓形状。不需要结束标记。3 U  e- |3 j6 e1 f- c$ ]0 _
, T& W3 U, \5 c
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. >  
复制代码
说明：将文本以粗体显示。需要结束标记。
" n& Q$ Z/ T* W+ i; f: U9 Q" T0 ?1 O& ^/ Z
9、
  1. <BASE
  2. HREF=url
  3. TARGET=window_name | _blank | _parent | _self | _top  
  4. >  
复制代码
说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。0 b7 L# X' d  D7 U5 A

5 w; ~' B) M* @1 H- ~10、
  1. <BASEFONT
  2. CLASS=classname
  3. COLOR=color
  4. FACE=font
  5. ID=value
  6. LANG=language
  7. SIZE=n
  8. >  
复制代码
说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。
3 T1 u6 J6 ]' n& C! k
* M; ~4 v# b7 X6 I11、
  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标记中，结束标记可选。  : g3 @9 l: q) F* n# W- }6 n! @2 S

- d) n8 k" P4 K4 q4 m" F12、
  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. >  
复制代码
说明：以比当前所用字体稍大的字体显示文本。需要结束标记。
/ F; `2 h# G% D" x$ n: {( n, L6 h
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. >  
复制代码
说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。4 M( d) I; R- a& M" W! f

; C' O* {0 ]9 a$ G14、
  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. >  
复制代码
说明：描述文档主体的开始和结束。需要结束标记。  % \" l" y# l  |

. q  u; C7 F) s1 Q15、
  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. >  
复制代码
说明：换行标记。
5 M3 ~' W2 ]/ r! S
; i" a8 f, @% N+ p5 g7 k" L16、
  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. >  
复制代码
说明：设置一个按钮。需要结束标记。. ^* |8 v& {+ M3 e3 j9 ?
5 b) e( k, n6 p; J" Y7 N% w
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加一个标题。需要结束标记。
0 M! G/ H. q7 `! P; H8 R% W; T6 h- \2 A# Q& B( F2 Y  I! I
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. >  
复制代码
说明：居中排列其中的内容。需要结束标记。
( S$ v  m9 C2 X, n
7 ]# M1 Q* n) |" u3 `  i19、
  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 |- f6 D: t! p: o3 \' @9 r% ^' i- l0 [$ {

& v' G% A' b/ n: [* E) a20、
  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. >  
复制代码
说明：以等宽字体显示一段代码。需要结束标记。
# l* J# b9 p- i9 ~  v
( G+ U% W1 m; {[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]
收藏 分享

admin

Rank: 9Rank: 9Rank: 9

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

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

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。 # w: D0 S1 B1 c) R% T
1 ~8 @8 t3 Z1 C: O9 T6 w- K7 W
      基本结构标志# e  O9 [( s& Y: F
& L" F0 t9 A+ p; r) H! ]
      <HTML>    ----------表示该文件为HTML文件
* x' X% {" d$ f! @& {( M; M9 B' I& \( p# l
      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等2 S4 Z! K# ~$ J) S" A' V, R9 V! K

3 c' C1 D5 [- O& o& L- o' [8 t; Q0 O      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中
3 h( r- D' m7 ~) f# A4 [- d6 B8 P
# e+ ~6 S3 T) w' S) [# ]      <HEAD>    ----------</HEAD>的结束标志
! L7 y) g! B, ^: E! y  q5 y0 d$ s0 q& e8 T7 x# S2 ^
      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>   
2 S: |& T. ?* v8 Z; C# W$ U) ?. n% x, T  `
      </HTML>    ----------<HTML>的结束标志
( E  _  \2 g0 M8 x. u/ b5 d1 g/ m/ O( a$ T
      其它主要标志      以下所有标志用在<BODY></BODY>中
5 l+ F3 u. j% w* H* }1 S# |( H; J. M; V  |* o# L
      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址
2 t2 K) R4 c. L) a2 E" M0 f/ `
  R7 P! e2 P. ]1 I5 g& X! ]      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址
0 g8 i, ]1 P$ c
- y9 r8 `3 Z/ z- k1 H+ K1 K      <BR>    ----------换行标志0 c" ^, \) U1 x+ i: I0 f
! R7 K8 Y& C( T9 j7 l; W
      <P>    ----------分段标志! r! |9 R+ ]5 ^9 G6 C( [& T' R
9 F6 n& A! }" T6 f# y. `( Y
      <B></B>    ----------采用黑体字
, x2 C* D. w' [7 p( R/ ~
( [& B4 D+ q* c3 W& Y. S4 ?      <I></I>    ----------采用斜体字( Q9 q6 J& g6 J  D
1 l- a8 {& S( B, o) M) B; \! n+ P
      <HR>    ----------水平画线# e9 m/ z' j0 t: i! |2 m
: ?0 i/ ~3 X0 A& y
      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志
+ s. ?; P- U. b8 b
6 d, ?0 [5 k& N  w      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中
: R( q: |9 Q5 V6 I$ A7 A
1 p7 f# e# o+ N4 Q3 ?      <TD></TD>    ----------表格单元，用在<TR></TR>中
! r/ w3 b9 S' q
, k1 A; Z) T3 r$ ?      <FONT></FONT>    ----------字体样式标志
9 H& u, z% Z/ I7 d  z% T
; g: M8 a" Q$ x3 r& u      属性的用法：6 b9 ^4 R) e( t# ~
5 Q: V& c9 ~' [, J" Y
      属性是用来修饰标志的，属性放在开始标志内。
, b8 w/ l8 ?! i! _
8 g3 |3 g( E$ D+ O& V      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。
+ c$ G9 W9 }# b; y4 L
' u4 v1 n- R, `0 o      常用属性：对齐属性 范围属性 $ `8 |" |/ m7 {

9 \  H: L" j/ C2 W; u& z      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度
" [1 G3 c* |8 k: ]
: ]. n  D" j# ]4 A      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度 ( \+ E$ k, @; v1 \7 _

" z& X: a2 e' J6 R7 t/ S      ALIGN=RIGHT 右对齐 色彩属性
) o1 U+ }0 f# `/ {5 D# O3 E* s
0 y6 o4 r6 x0 ~; M' q      COLOR=#RRGGBB 前景色 参考色彩对照表 ; c+ S% o" L# i) a( T# ^

( j- L2 D6 x$ u# i$ r/ k2 p# Y7 @/ p      BGCOLOR=#RRGGBB 背景色
捌玖网络 89w.org----致力于站长学习交流

TOP

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