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

Rank: 1

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

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

HTML标记学习
初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！ + S1 y" {/ ~$ h3 @+ M2 i( ^
  q; N+ d& X% _( M+ o; [
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。4 F& j: f+ L7 j
1、
  1. <!-- -->
复制代码
说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。7 o1 g# D# B1 L- f
2、
  1. <!DOCTYPE>  
复制代码
说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
3 K/ l1 x% u( \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=属性。需要结束标记。8 x( W+ ]8 _% h: L. E: @; @
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. >   
复制代码
说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 # `9 L- x, M# f* 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. >  
复制代码
说明：常用于描述地址、签名和作者信息。需要结束标记。
; ]. w. w% q1 f  s/ ]8 ^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. >
复制代码
说明：在页面中放置可执行的内容。需要结束标记。
" B4 M* J4 }) c4 q7、
  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中描述超链接热点的轮廓形状。不需要结束标记。
8 l" s- U5 ^7 B9 M$ Q5 ~  Q" `! o
3 p! X" H0 d  {" |2 S8、
  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. >  
复制代码
说明：将文本以粗体显示。需要结束标记。! s9 e" o% f, W6 a; x/ e

$ [) t" `* l4 I( K6 O! M9 s9、
  1. <BASE
  2. HREF=url
  3. TARGET=window_name | _blank | _parent | _self | _top  
  4. >  
复制代码
说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。: x* ?) z- Z0 X

; G$ r& f- @$ i5 c10、
  1. <BASEFONT
  2. CLASS=classname
  3. COLOR=color
  4. FACE=font
  5. ID=value
  6. LANG=language
  7. SIZE=n
  8. >  
复制代码
说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。% g- [+ u& T2 m7 Z- {9 @6 A
) i! a* _- \8 j+ u, ?  X
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标记中，结束标记可选。  
6 _0 p2 Y6 Y7 L' E" u
$ I, T( g! Q# Z. y$ H4 A0 @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. >  
复制代码
说明：以比当前所用字体稍大的字体显示文本。需要结束标记。( v$ c5 R7 R  }. i0 S& u1 ]8 _+ J. c+ p

8 q- ]( H6 t: F6 s; C$ W13、
  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. >  
复制代码
说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。
+ k1 @4 }+ [2 W7 Y# J0 G  o$ y% e8 h4 d0 f5 G
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. >  
复制代码
说明：描述文档主体的开始和结束。需要结束标记。  
& E" {4 m4 ~7 N
, r  o4 r: N" M" F$ U15、
  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. >  
复制代码
说明：换行标记。2 E% V. M5 e* I0 K

. A. W* S1 n! q& ]& a16、
  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. >  
复制代码
说明：设置一个按钮。需要结束标记。
! _: Z! N6 u- y$ _
8 g+ \  c* A' x( w, Z7 _( i$ I* u# h- _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 C# Z8 Y( C" b. H2 V$ J' [& s$ V: M3 K& S
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. >  
复制代码
说明：居中排列其中的内容。需要结束标记。
. p# L9 q; d' {" H" N2 D) D0 X, D& r" M( D+ ~1 k# }4 b, U3 z
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. >  
复制代码
说明：简要说明一个引用，内容用斜体显示。需要结束标记。 ) O; u6 X) I2 c/ U. n  [

1 _" }3 n) a; C20、
  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. >  
复制代码
说明：以等宽字体显示一段代码。需要结束标记。+ U0 [! E( R! V
' G4 X0 }" @$ n, U) N
[ 本帖最后由 倚天长笑 于 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>前一个表示开始，后一个表示结束，内容放在两者之间。
5 M* g. r9 C1 `
4 v  r' i2 H  L# o9 k, u2 _1 i( |      基本结构标志
8 V1 p  L, m" e0 @5 _. v2 J
5 I! \# U; }/ j8 f/ V# f      <HTML>    ----------表示该文件为HTML文件
4 U7 u! i2 k& U; q4 u/ C8 @- m1 }
( S( E; ?, O2 ]. o" x      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等
! [5 T6 A' s1 P1 p+ a' r; P( U% W: i9 ^+ q7 H; ?
      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中0 n/ @. ^0 }( Q5 F* L

* k: K0 k6 x' j, j) e3 p      <HEAD>    ----------</HEAD>的结束标志% R# B- g/ q/ I, o' q, d
4 @: T: Y( V: g9 s7 k5 [7 m
      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>    1 a( |  B. j6 _  _/ v$ H, r

3 }5 }" H9 X9 n      </HTML>    ----------<HTML>的结束标志   {: v& w8 t" @8 k: s" `
. p5 X; h; \0 L8 `
      其它主要标志      以下所有标志用在<BODY></BODY>中
3 n/ V- Q( y! V
3 p" e$ q5 {  G; B      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址
* X/ W( c7 ]! L; I' z  p/ H" E8 ^7 I2 f
      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址
% S* {( q0 C% _3 y% p" a. V1 Y( D' x
      <BR>    ----------换行标志
( z+ m6 x6 F9 w8 c1 r
! N9 h8 Y: L. M$ `: e3 }      <P>    ----------分段标志
0 ?1 T3 ]) P, O8 G2 ]9 l
8 R  z) O* q8 \* p      <B></B>    ----------采用黑体字
* ^' [" u& g! ~% S* Z& ?: C% @5 h; E" q5 v
      <I></I>    ----------采用斜体字
+ I# |* y# a& y. [- e- r" x, E7 _! M9 O+ j
      <HR>    ----------水平画线
% f% `0 l2 [; I) N* q3 s- k0 R
; c( r  t& k! C# e      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志
2 _4 G/ j/ E& ?. ]' u4 J) s4 I; ~/ B# i! @. _# i
      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中
4 f( t# l8 g& ~. T/ G  N+ n6 Z4 A9 a6 `6 [- b' N" V1 _' a
      <TD></TD>    ----------表格单元，用在<TR></TR>中7 |3 F' J# q& v! K. j/ Q' w

/ K/ ?  W# H, w) A# N1 ^5 P      <FONT></FONT>    ----------字体样式标志 " @/ A( D) M' F" g. I
6 `$ P7 |0 B* W+ \& g& K! X7 l
      属性的用法：
2 Z0 a( z: I, o. O; D/ z& [0 k8 c  B5 H: @/ F- j( W  [
      属性是用来修饰标志的，属性放在开始标志内。
; ]( m& Y% w0 [: \! N8 d% t% j& ~8 u
      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。
  c- m8 b3 v( _  f. T& u1 E) N* i& g7 ]/ c2 a- n) k  R& L
      常用属性：对齐属性 范围属性
% g, ?. E! n" _8 v9 H. W2 ]$ _$ u
4 r5 o( G& U: `! i9 S      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度
) r3 b7 E* P1 n# n' L6 z; @2 ~, H) D# q5 b7 Y; t+ L
      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度 0 N. o$ c9 w9 L( K7 P# K& e7 p2 N

) t9 b# s) c" G' s& b. g8 b* p      ALIGN=RIGHT 右对齐 色彩属性 ( q3 y& ^( `! n% h7 c" N
4 m, d( E9 q# E( n# z+ F- R
      COLOR=#RRGGBB 前景色 参考色彩对照表
8 B. q, e* h$ \7 ?8 h, U) A
1 R/ J+ W$ P& g      BGCOLOR=#RRGGBB 背景色
捌玖网络 89w.org----致力于站长学习交流

TOP

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