Board logo

标题: 初学者接触HTML了解一些HTML标记 [打印本页]
作者: 倚天长笑    时间: 2007-11-15 22:00     标题: 初学者接触HTML了解一些HTML标记

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！ 9 S( n4 V$ x) T6 J7 K

3 U. F( Z: A# [$ K; w# R这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。
  i1 P9 T* p; S$ ~7 ?# q( H* o1、
  1. <!-- -->
复制代码
说明：注释标记，在“<!--”与“-->”之间的内容将不在浏览器中显示。
3 Y6 L4 ]$ g9 z2 W* Z- v5 y6 M! P2、
  1. <!DOCTYPE>  
复制代码
说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。 3 W4 W6 t1 O0 z7 H0 s
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 b. Z5 z& ?" E1 a+ F4、
  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. >   
复制代码
说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 $ F0 z9 H9 k, ?
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. >  
复制代码
说明：常用于描述地址、签名和作者信息。需要结束标记。
0 y. ?; @* S0 \0 O0 r. ^) }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. >
复制代码
说明：在页面中放置可执行的内容。需要结束标记。
# n# ^$ [  f* Q4 j, |% b7、
  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中描述超链接热点的轮廓形状。不需要结束标记。
5 Q/ _! g/ A& M* q# k: @" p& `1 W+ z: A3 E! R5 j3 I2 d, f4 D2 \5 |4 A
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. >  
复制代码
说明：将文本以粗体显示。需要结束标记。# Z/ t* e7 {; E0 a# o8 U
$ W. l2 J. T# d# C3 K- ]/ k! u! e
9、
  1. <BASE
  2. HREF=url
  3. TARGET=window_name | _blank | _parent | _self | _top  
  4. >  
复制代码
说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。
) V! c) m4 ~0 Z% D# Y$ v4 U  g& V# E; f% R8 ?
10、
  1. <BASEFONT
  2. CLASS=classname
  3. COLOR=color
  4. FACE=font
  5. ID=value
  6. LANG=language
  7. SIZE=n
  8. >  
复制代码
说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。5 d7 S* [3 ]7 k& o# k9 a  l# @7 I
1 i! Q( ]" J0 o2 s5 k& y* P1 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标记中，结束标记可选。  4 b: u# \0 C, e. q+ S* x+ L
; A1 u  `1 |+ n4 D: S: e
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. >  
复制代码
说明：以比当前所用字体稍大的字体显示文本。需要结束标记。9 _. m3 F# ]$ P# s$ f" ~' r
. o. q# M  e: Q! O
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. >  
复制代码
说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。5 |8 m6 A0 p, S" n
! N/ t, ]# Q' ^9 j0 g( w, y
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. >  
复制代码
说明：描述文档主体的开始和结束。需要结束标记。  
( ~2 d" r3 F8 P" U4 k/ n& S6 P- t! z+ g8 ~- a6 ?
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. >  
复制代码
说明：换行标记。
4 d+ V& k# C' q9 Z$ T; Z: A: I! T/ {; m8 Y: X+ d" W! [
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. >  
复制代码
说明：设置一个按钮。需要结束标记。$ ~8 `, t' t9 [1 `) }, P

; n/ ?2 h0 F) c/ L17、
  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加一个标题。需要结束标记。 1 m7 j. t( }4 |0 G

- O) |% }- p2 y/ P. q18、
  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. >  
复制代码
说明：居中排列其中的内容。需要结束标记。
$ h5 e% b3 T2 S! P) z6 [3 {; \3 S0 v& S
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. >  
复制代码
说明：简要说明一个引用，内容用斜体显示。需要结束标记。 ) t  d; K* }0 g  s. h9 K

( i* V; {" ]; |2 H20、
  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. >  
复制代码
说明：以等宽字体显示一段代码。需要结束标记。
- y$ H. Z; p1 V% ^) p
# V$ |  E% l8 [+ ?( E* r5 ^" x3 ^[ 本帖最后由 倚天长笑 于 2007-11-15 22:28 编辑 ]
作者: admin    时间: 2007-12-8 11:33     标题: WEB网站主要的HTML标志和属性

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。 6 Z0 ^7 x3 `+ c. x  P# Z$ c
) {* w/ k/ K: H/ X/ n
      基本结构标志
; Z; `8 ]# q, ]2 o5 L( |- A
' T! _, _2 i# j9 P" K; E      <HTML>    ----------表示该文件为HTML文件
7 Q1 a- @  C! T1 l$ S; m9 t$ e' j: o, m, k- `" M
      <HEAD>    ----------包含文件的标题，使用的脚本，样式定义等6 i7 E8 s" I+ t$ u3 V2 R
& k" r% A6 \$ [8 K
      <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中; t3 ^+ @( f2 F& z
/ N& J4 [7 G+ H2 Y2 u
      <HEAD>    ----------</HEAD>的结束标志- L1 ?# r, I! M/ O5 V& z
3 d9 p" C! E' f( M4 |
      <BODY>   --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>   
' B3 v7 F  ]; g; w) g) b: J' n3 p, A7 \  f3 a: f6 L
      </HTML>    ----------<HTML>的结束标志
: I0 r' Y0 R& F' A- }( n7 G3 L) `4 o5 M# f- r! c
      其它主要标志      以下所有标志用在<BODY></BODY>中 9 H& ~) v" ]6 J: t7 H

4 h, Q, s0 o% V" {! ?      <A HREF="…"></A>    ----------链接标志，“…”为链接的文件地址
5 A3 v$ y8 @: @
. j6 J; F4 j& [8 n% j, _% s      <IMG SRC="…">    ----------显示图片标志，“…”为图片的地址! b$ U; H, U2 _, `$ d3 W' T
4 Z2 [" O* r! {  f
      <BR>    ----------换行标志( L( D9 h. |$ o% X
* O- G* O0 J; F$ N( _' S1 }
      <P>    ----------分段标志
% q. F2 ?' s3 i5 W1 z! E, V: Q
      <B></B>    ----------采用黑体字  d) v% r, t$ i$ b4 T
% s* g+ q& ^- u) c! U- [
      <I></I>    ----------采用斜体字7 X& i" O: [$ u& i) o# j

8 Z  L, m  E4 k/ l: y: p      <HR>    ----------水平画线4 g' I+ F5 D7 A) I' e
( c% I. a% ~+ @5 \; p7 V/ u
      <TABLE></TABLE>    ----------定义表格，HTML中重要的标志% o, e2 M/ b" ^& D; I

- ?; |1 |( l6 ^0 Y0 h8 p' o      <TR></TR>    ----------定义表格的行，用在<TABLE></TABLE>中* x: l% @$ F7 U2 {

: g6 Y8 O" _0 R4 @) R' G      <TD></TD>    ----------表格单元，用在<TR></TR>中
4 D  T. U; i( z: h" n$ ~& l: j0 [( A8 a0 C
      <FONT></FONT>    ----------字体样式标志
: x7 z# d0 \2 P& q. O* O, D" y. l- L* t; c0 A
      属性的用法：
, J/ |0 B' \. i( J  B; l1 n! O2 _+ ]5 N/ J
      属性是用来修饰标志的，属性放在开始标志内。1 ]% g. C3 I2 _% {  p

! a2 ~9 u2 U/ \8 L' [4 _' q7 h      例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。
! u. _  S) S" _1 U9 V# s. {8 S- I1 O5 M+ B5 f' }
      常用属性：对齐属性 范围属性
5 B  H  g" w6 a$ H
7 C& y7 j6 K4 M1 P8 U8 m; h      ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比 对象宽度 + s- S3 a% x2 w& C8 }% T/ C

6 J- C( }7 A! F+ z9 e" C      ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度
: L# U/ X( V/ @+ K% W
4 x- a( a1 K5 [. Q, g8 U      ALIGN=RIGHT 右对齐 色彩属性
8 q* f  [: a4 G7 ~: d$ t' h3 |* h8 k" ~. V( w. k5 A4 k  ^
      COLOR=#RRGGBB 前景色 参考色彩对照表
0 d7 B7 k7 ]' u' `
9 U- U' O# ~7 v$ P, Z$ Q+ c      BGCOLOR=#RRGGBB 背景色



欢迎光临 捌玖网络工作室 (http://www.89w.org/) Powered by Discuz! 7.2