返回列表 发帖
倚天长笑

Rank: 1

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

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

HTML标记学习
初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！ 8 T0 f& c  x- |3 w$ n
, F( N) ]5 G. F& t/ W3 Q; V
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。
' R' s  m3 o1 J4 a- d1、
  1. <!-- -->
复制代码
说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。  ]8 r% Z0 V* ^3 ^( ^
2、
  1. <!DOCTYPE>  
复制代码
说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
( X) r" s' a- U$ Q, x7 I. S3、
  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=属性。需要结束标记。
) P8 Z. g/ D0 v% 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. >   
复制代码
说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 " K7 D# ]  `" o, H
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. >  
复制代码
说明：常用于描述地址、签名和作者信息。需要结束标记。
$ U3 i2 t+ D" s% F( e6、
  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. >
复制代码
说明：在页面中放置可执行的内容。需要结束标记。, ?- T. R0 U0 r( f& 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中描述超链接热点的轮廓形状。不需要结束标记。% t2 l' `; F% J, G& I
+ C" a$ J& Z6 J, w' M/ X9 a% ]. G
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. >  
复制代码
说明：将文本以粗体显示。需要结束标记。! @0 E8 u! Z' b8 Z  f, |

" I1 o3 k% o) g( ~- }& _0 c$ n9、
  1. <BASE
  2. HREF=url
  3. TARGET=window_name | _blank | _parent | _self | _top  
  4. >  
复制代码
说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。* o: L# K; P  r0 N( K4 P: {

* n/ {8 s# J; D/ l) h7 g9 U10、
  1. <BASEFONT
  2. CLASS=classname
  3. COLOR=color
  4. FACE=font
  5. ID=value
  6. LANG=language
  7. SIZE=n
  8. >  
复制代码
说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。" O& c: K& N* j* Y

0 a  z& U# s, W) l11、
  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 k$ s$ C+ n" S& S' i# ^* ~. w4 r* Z
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. >  
复制代码
说明：以比当前所用字体稍大的字体显示文本。需要结束标记。  D* m- v5 E& ~& |2 B* r
8 t. W: i' ]: j6 h! l( q
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. >  
复制代码
说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。
: z( c% g: C9 ^: W# x+ {; x+ B$ t+ L) }6 L
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. >  
复制代码
说明：描述文档主体的开始和结束。需要结束标记。  * B6 n( [! \  [% a' s( ]$ ~
7 {  L  U& x- v! m; b
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. >  
复制代码
说明：换行标记。
& H  z( c( ?# b  A: H7 E7 q4 N
. ^1 z2 u$ d9 ^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. >  
复制代码
说明：设置一个按钮。需要结束标记。
3 `8 Q9 v8 K" T1 B( C9 k: E; v# N: |# A/ J7 y4 n) l0 g
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加一个标题。需要结束标记。 " X8 m2 W7 R& X+ ?& ?

2 g: }4 M2 Y. ?+ A18、
  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. >  
复制代码
说明：居中排列其中的内容。需要结束标记。
# u9 S' M3 o, r9 W4 y  h# Y, M: D9 l+ D" I: R2 Z( k
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. >  
复制代码
说明：简要说明一个引用，内容用斜体显示。需要结束标记。
4 R  d# Z: R, a5 [! S& a
% X8 b4 N* ]7 C, w) S20、
  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. >  
复制代码
说明：以等宽字体显示一段代码。需要结束标记。
6 z' ~, x0 ~) j9 M
: U8 X$ q7 S9 [[ 本帖最后由 倚天长笑 于 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>前一个表示开始，后一个表示结束，内容放在两者之间。 0 q% W" f! P3 y* ?! J$ ~5 o; t5 S
- f, p" }% H1 ]+ ~* z
      基本结构标志& A  Z5 p) p, i1 v8 s

. {' j; z) p! t- h: C5 y      <HTML>    ----------表示该文件为HTML文件3 g% Q# I" V0 F" e$ c4 T
6 x; t. Y' H8 c
      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等, c/ ^. C9 c  I3 f7 s
. ]+ K% U6 `2 ^2 H8 i& K: L  E
      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中' Z! m% i3 V7 `* i) u/ }3 B" W
* }4 ?7 a- S/ L+ b
      <HEAD>    ----------</HEAD>的结束标志
9 ?4 J/ H# _9 i; d1 c. \) V9 F; L. m. B9 D, B/ G0 _# w3 S
      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>   
! T2 d6 w3 i2 g# f0 U$ r# k0 T' f, T
      </HTML>    ----------<HTML>的结束标志 - C( {4 M4 d) w6 u0 f
6 M: Q' {4 V- ]5 r& @* f
      其它主要标志      以下所有标志用在<BODY></BODY>中 $ I* S! g! `( d' _

; C. e/ Q" }  d# B) S      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址7 Z& c5 y, M% E1 t, j9 ^) [( k

. y* b- f' X0 p6 w; H# r" ^1 ?      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址. s! K. s* f/ U; L
4 J% p& v0 x" n* r8 ^
      <BR>    ----------换行标志
& z+ H; z8 F. V& ^
+ L  y+ m: _/ t" w      <P>    ----------分段标志' j# N# I$ l4 G/ B7 E  u

' {- c* D5 g  p$ ^" t* w' f  H! E      <B></B>    ----------采用黑体字: c% @( \" B* P, B" W

; q9 f$ I: I% Y) |      <I></I>    ----------采用斜体字0 @+ l: h) ^: a$ H

8 @( x; j6 ]8 W9 ^  Q      <HR>    ----------水平画线
, ]) L0 E0 s2 d4 F6 E1 [5 s; m9 z7 T3 V( V! i2 I; e
      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志1 P! [/ j8 i2 ?
7 D% X, w7 I7 q! ]
      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中  J6 Y( s9 @  M
- P+ g) _% e7 B$ P* o5 H( S
      <TD></TD>    ----------表格单元，用在<TR></TR>中
' g9 l4 G# r9 P0 e* b  B+ G+ R- J9 G/ X) v+ x5 M, N& M+ }
      <FONT></FONT>    ----------字体样式标志
1 Q' U5 U7 P, s) ]3 P2 w
3 [. r# R$ s: V; @) l      属性的用法：
, N/ e0 \% G" v+ G9 ~) z) b' B1 a0 K4 `! a
      属性是用来修饰标志的，属性放在开始标志内。' b4 `- X: x" m+ [0 E
9 {0 Q7 h" F" O- o! `1 l+ W7 B
      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 1 s. z5 Q! u) _1 F
6 d* w/ m8 _9 R' m/ {  p  R, U
      常用属性：对齐属性 范围属性
) e: {  Q8 d6 P! W% k$ _7 b- \  v5 e1 q+ M4 a
      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度
  G+ i2 U) m/ i3 L/ E9 p( R/ k" B) K7 z! }" @& {! M8 K
      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度 " g& P' i  y8 o; k, `
4 K) k7 j# t; l. c& B
      ALIGN=RIGHT 右对齐 色彩属性
3 |. X1 p6 ]# u$ {! g) g1 |- h8 Y
, [8 O' J3 u2 L- `* a9 J      COLOR=#RRGGBB 前景色 参考色彩对照表
, V' o4 D. t' y9 M. r& E
7 y# G# R( q% D  [( O      BGCOLOR=#RRGGBB 背景色
捌玖网络 89w.org----致力于站长学习交流

TOP

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