返回列表 发帖
倚天长笑

Rank: 1

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

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

HTML标记学习
初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！
# m4 |/ z. b5 i9 ~+ I6 x: J# O
1 w3 \3 r- s8 f3 i' w% A这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。9 l4 K& X" P2 s2 o- J9 {
1、
  1. <!-- -->
复制代码
说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。! X, `: A* A& ^/ K( p, i1 O3 P
2、
  1. <!DOCTYPE>  
复制代码
说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
$ @- ?- h  T; {+ j3、
  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=属性。需要结束标记。
  Y3 e: O6 p! `2 i) o3 u) r4 f1 f! P4、
  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 F( g8 m- u, L" u" ?, C5、
  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. >  
复制代码
说明：常用于描述地址、签名和作者信息。需要结束标记。7 k- C9 S  _( l
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. >
复制代码
说明：在页面中放置可执行的内容。需要结束标记。: A( \7 J8 K# ?- U3 E* B1 `
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中描述超链接热点的轮廓形状。不需要结束标记。7 j5 {0 @* H, A) n
# t8 E6 E; ~. W# Y
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. >  
复制代码
说明：将文本以粗体显示。需要结束标记。
$ G; X3 N& ~9 A
9 ]% `0 b6 D) v0 e3 \8 Q0 {! ]1 ^1 Y9、
  1. <BASE
  2. HREF=url
  3. TARGET=window_name | _blank | _parent | _self | _top  
  4. >  
复制代码
说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。
9 _9 S$ r  V9 K. B( i" t% p% S0 j6 E  D/ d& k
10、
  1. <BASEFONT
  2. CLASS=classname
  3. COLOR=color
  4. FACE=font
  5. ID=value
  6. LANG=language
  7. SIZE=n
  8. >  
复制代码
说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。' b( E! t- h; h

! q6 t1 y7 }( W4 U2 O+ d11、
  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标记中，结束标记可选。  
* g  e; C/ S# W, ]( Z4 K( b
9 K, w2 \" `  p% y: m/ m" q. E1 F0 K12、
  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. >  
复制代码
说明：以比当前所用字体稍大的字体显示文本。需要结束标记。  `8 [! ~0 m3 l0 K# f1 ?
2 }8 }; S6 c/ V* `# ^  @
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. >  
复制代码
说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。' G$ F5 O5 w" z) g

" c7 O( j. f- R8 b14、
  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. >  
复制代码
说明：描述文档主体的开始和结束。需要结束标记。  6 g. w) J" ]. l6 j
/ l$ P( o. p1 n
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. >  
复制代码
说明：换行标记。+ x4 G% t! b- Y/ h9 O) A
* `" H2 s% O  \1 G2 i6 t
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. >  
复制代码
说明：设置一个按钮。需要结束标记。
" K6 O; K* X; e" r- V
9 M9 [# \0 d0 A! G* r  @. D17、
  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加一个标题。需要结束标记。 2 w. {# S# J7 V5 [3 e! Q  K% v4 i
3 b, K9 y0 u; X2 f
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. >  
复制代码
说明：居中排列其中的内容。需要结束标记。' E% F7 @* x: P8 \1 X) Y

3 ]. e$ N+ z0 i7 H4 ~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. >  
复制代码
说明：简要说明一个引用，内容用斜体显示。需要结束标记。
, }* h3 M' s" W. {% f# P
( H* }* e) X! e20、
  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 K' v* C0 K9 L1 Z3 y" F

3 O) N" c, e" ]' V( N[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]
收藏 分享

admin

Rank: 9Rank: 9Rank: 9

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

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

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。 , N0 I/ f2 g8 o) K
( j  b. }5 V# k' B% m1 M
      基本结构标志3 c! t; \, f6 V- T: w# G! J: N

) k4 ^2 F. A8 D8 J! z" ^' Q      <HTML>    ----------表示该文件为HTML文件
6 S" e3 ?1 r+ f' |) r: I9 c& F: J( J# z$ r3 J
      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等
, @1 Y) u- K% ?: \/ H1 f& _( z* p+ [) [: r' l# m5 [6 {
      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中! I4 P- R. b4 B- N; e. `

% c6 c5 o4 c2 G( B& b6 q6 e! X      <HEAD>    ----------</HEAD>的结束标志: J9 b6 m8 J" z8 O8 N$ `8 U: }
4 e4 N* l4 H+ D9 a7 L
      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>    : J% m/ V# {- _9 M: L9 M$ B4 `
& z% n; J9 Q! l! M
      </HTML>    ----------<HTML>的结束标志 8 t( ^9 q/ B8 H4 s0 w9 e  R! ]
3 G: r6 ~+ p5 n- g0 y) D/ h8 S! m3 N
      其它主要标志      以下所有标志用在<BODY></BODY>中 5 k) ~  C& c+ i

5 i2 ^" _' m! {3 S0 c      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址, r, _" m) j% n( M( S
3 ?" _, q% n5 r
      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址4 g( V# v& f6 N3 b) M' ]/ n# _
( r0 @: {7 \- d
      <BR>    ----------换行标志7 U0 a; W0 K8 d+ T! H, }

0 l, \% l- J  h; w      <P>    ----------分段标志) ~5 `1 G) }% S

  a# ]; o+ |  Q7 l. E: _      <B></B>    ----------采用黑体字& k4 M8 C  f6 D2 b& J# D( o+ ~% _

& A2 O! {- g5 H- j      <I></I>    ----------采用斜体字1 r! ~& i. x4 A  d7 m# s6 k

( W  X: w5 h& l/ v, {      <HR>    ----------水平画线7 O) ]* H% ?3 G! {% V( i% ^

& F& \! @7 V  `! J$ s: {) ?% H5 u) `9 s$ ^      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志
! k7 v& h" O$ E) ?3 y
. j# `. \$ j& s+ V- a: ^      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中$ b: e* P$ \! ~) V9 M4 u+ Y1 e

/ T# b1 x( w. p2 q# O      <TD></TD>    ----------表格单元，用在<TR></TR>中4 s( x: B, o$ L9 |' ^
5 p+ W+ q. @; x8 s. J9 u8 K& j
      <FONT></FONT>    ----------字体样式标志
  H0 O; ^9 j+ g1 B
* o& b% h$ O$ q- d      属性的用法：
& I2 B7 I: }! R4 r7 _! s
4 Y& c8 X* c1 l( k4 U7 ^      属性是用来修饰标志的，属性放在开始标志内。# P; Q1 e' n( _7 A1 e
! ^- H! ]: _' {
      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 . O% n# Q$ U0 g
# r  t: ~: H; G
      常用属性：对齐属性 范围属性
% Q7 t/ Q1 j0 `: p5 R* q2 _6 g
) M# T% k& L/ n; I7 L( B. Q      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度
; b- n& H4 a' B5 \
4 D# V! i9 P/ O' J5 l) Q      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度
0 F2 P! C, l0 E( s4 @0 b# ]3 Y3 M, s0 G, q$ ?8 ]
      ALIGN=RIGHT 右对齐 色彩属性
/ `% j3 n: s9 y& M4 g1 P! I4 L3 T$ A- j
! v1 E; E: x8 {' @      COLOR=#RRGGBB 前景色 参考色彩对照表 ) ^! _4 L4 u! o! k- O
% P6 V3 R2 \. C0 p; p
      BGCOLOR=#RRGGBB 背景色
捌玖网络 89w.org----致力于站长学习交流

TOP

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