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

Rank: 1

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

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

HTML标记学习
初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！ ! S# Y% h; E0 h: A9 U

  w5 H2 V7 ~; s这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。
% k& g; C/ Y- K4 c& V/ C9 K1、
  1. <!-- -->
复制代码
说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。
( r: |- v8 R3 Q+ Q+ }: b- y8 Z2、
  1. <!DOCTYPE>  
复制代码
说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
  d, T3 z7 R. b& ?" U+ L3、
  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=属性。需要结束标记。4 e/ M$ P& g6 j+ @3 U' F! ]
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. >   
复制代码
说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记
# R8 b% P# u: K8 s& |$ r+ Q% O1 [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. >  
复制代码
说明：常用于描述地址、签名和作者信息。需要结束标记。% X* `: k$ _+ h
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. >
复制代码
说明：在页面中放置可执行的内容。需要结束标记。
3 e0 ^, k, [4 D9 |; F6 d7、
  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中描述超链接热点的轮廓形状。不需要结束标记。
2 y8 }" `. ~: z3 h; J& t) l
. Y: C0 v4 r2 m& J8、
  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. >  
复制代码
说明：将文本以粗体显示。需要结束标记。
7 B. ~, w; [) v; L2 [' \) K8 I; h; k3 a% N" E
9、
  1. <BASE
  2. HREF=url
  3. TARGET=window_name | _blank | _parent | _self | _top  
  4. >  
复制代码
说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。
% a7 {; H5 B* Y& S$ `# C8 Z$ v  k
10、
  1. <BASEFONT
  2. CLASS=classname
  3. COLOR=color
  4. FACE=font
  5. ID=value
  6. LANG=language
  7. SIZE=n
  8. >  
复制代码
说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。
9 ~3 ?' N& t; Q" [" V. X! ^: ]3 O& m2 g  S- b
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标记中，结束标记可选。  ; s( W  }5 J2 l. W- P1 d$ g

5 v+ D4 p6 l; O$ z12、
  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. >  
复制代码
说明：以比当前所用字体稍大的字体显示文本。需要结束标记。
; C/ G, h5 G8 G3 M, l
: a! ?8 M8 k9 w  v: s13、
  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. >  
复制代码
说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。7 A6 J# b' N0 G2 m
" T" d9 \( ~, `: 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. >  
复制代码
说明：描述文档主体的开始和结束。需要结束标记。  ( G0 p8 P- X' {. L2 }: I
. n+ r# P. p" r
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. >  
复制代码
说明：换行标记。* Q% E7 o) z0 M1 O0 W  ~
7 e4 s, B6 _# R
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. >  
复制代码
说明：设置一个按钮。需要结束标记。0 [4 e; R4 G1 V8 `

% L5 M9 n8 x1 o* v& d9 ^1 `. H, c1 n17、
  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加一个标题。需要结束标记。 ( d* I- Y  s6 g0 {+ X

; a( ^) s& A4 K4 i$ Q1 M, ]% b- c18、
  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. >  
复制代码
说明：居中排列其中的内容。需要结束标记。) h0 E3 ]: L+ K+ q+ n5 M2 i& v

9 J8 p) [/ {5 Y: 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. >  
复制代码
说明：简要说明一个引用，内容用斜体显示。需要结束标记。 6 e% G) d! L8 ?3 n9 B  _
% m- T1 l: W$ D- u
20、
  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. >  
复制代码
说明：以等宽字体显示一段代码。需要结束标记。* t7 [% ]7 r! K8 _. j4 O6 E

! r3 D3 `( C2 C7 e9 X- {, P[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]
收藏 分享

admin

Rank: 9Rank: 9Rank: 9

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

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

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。
+ c; o. I( w* |0 T- j5 f5 T: R+ W
      基本结构标志
( g2 l5 N/ y9 `5 \
; c# z& m, H! g      <HTML>    ----------表示该文件为HTML文件
2 k: \" U+ w3 R% r6 f7 k
  R$ c& A0 P  p+ j" c  F% j2 k      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等9 j. C& m4 H0 j& `( W: k+ ?) s
' A- z5 F1 l, W2 Y" |+ {, x; x
      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中
6 L1 U) E% S% s: B# G; K- t4 x* L5 ~
      <HEAD>    ----------</HEAD>的结束标志
& J( L& P* q$ M8 P9 Q! X. r; y9 X( M/ j
      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>    : }6 b0 P2 l1 s  `; l( T. d# f

$ H- u, j! O- I: k  r- J+ U* X      </HTML>    ----------<HTML>的结束标志 4 n$ e. j/ i5 G, M' Y: j6 a8 U" S

- ~7 G: M& X# C; p* x      其它主要标志      以下所有标志用在<BODY></BODY>中
+ y/ @3 P3 ^7 ^7 q4 F" @5 i2 E8 c. I
      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址2 f6 T) r4 p1 x4 s5 A5 c
/ f' H- A% k) G# t" q1 Z* e! D
      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址- N. s- I3 X7 _4 b" M
" v5 }9 Z. [' g8 X7 Q  s
      <BR>    ----------换行标志
& u, Q! k- ?5 ^0 \. {7 H% F% g" a0 F3 \0 q" x$ G- i
      <P>    ----------分段标志
$ `' T+ N  N1 f/ f, }8 B
, r4 A1 ^& c, N) B* Z$ g      <B></B>    ----------采用黑体字
5 d' W- b1 w9 {$ Z" u
) |, A0 L3 a) O% @1 p0 T" }      <I></I>    ----------采用斜体字
  H' z+ X2 H' p* z0 V' x- i
. m: Z% Q+ E& \& H0 l# n      <HR>    ----------水平画线  J) r' ^/ n' b+ u+ o8 O( u

4 I1 a8 d0 G$ ]      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志4 L( ~# o  K4 ^: P9 ?; B, e

8 n5 _5 s) ~6 m      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中
3 ]5 @/ J3 E( M# c( V
6 \8 G2 K6 Q- Z! C      <TD></TD>    ----------表格单元，用在<TR></TR>中
- ^+ Q4 F! g2 g" [# v& Z9 U' T' h
4 q+ `9 [# I) z' D/ G      <FONT></FONT>    ----------字体样式标志 ' z5 t( J/ f1 U0 x! S' L

; T, X7 K. n+ G  j4 p0 I& \3 X      属性的用法：
, Z" [$ A+ f0 t- S" `0 |( ^
. J0 G4 v! F7 t9 W      属性是用来修饰标志的，属性放在开始标志内。; Q) r5 m/ S7 e1 Z( q) v
9 u& s2 N  e1 i/ B
      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。
# x2 J! ~6 D1 R7 s9 T# j
+ R& h1 L& d$ j! N- o: E4 X( }      常用属性：对齐属性 范围属性
' v" @( G, m" q5 C& [" r: E& [7 l' Y# \, R
      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度
! w6 x6 x0 B5 o# `- }
6 p! b9 H( ^8 g% i      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度
- z7 c. q, [" z$ S! m$ P4 V) N8 ?. _4 T/ m  K5 j, u( ^  [- J
      ALIGN=RIGHT 右对齐 色彩属性 % h/ Y5 L! O+ @8 P

- j" }9 @( V& n& Y$ [      COLOR=#RRGGBB 前景色 参考色彩对照表
+ Q& i1 E! |& u5 b) D+ p
3 c2 `5 P# \8 s7 r5 c3 d5 Z      BGCOLOR=#RRGGBB 背景色
捌玖网络 89w.org----致力于站长学习交流

TOP

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