初学者接触HTML了解一些HTML标记(页 1) - ASP,PHP,CGI,JSP技术 - 捌玖网络工作室 |网页制作|平面设计|建站交流|代码资料|建站教程|主机域名|asp、php、jsp代码|网站素材

倚天长笑 发表于 2007-11-15 22:00

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

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！
2o]W? |e
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。'`q%HG9y`3^Oh
1、[code] [/code]说明：注释标记，在“”之间的内容将不在浏览器中显示。H*H7C\ ^ @
2、[code]<!DOCTYPE>  [/code]说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
3、[code] <A t.E"M/Q'L5Ug ?L!zA
ACCESSKEY=key
CLASS=classname
DATAFLD=colname
DATASRC=#ID
HREF=url
ID=value |f-i&N UK
LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS !Tq"WTp"W
METHODS=http-method eX2f UjyfB
NAME=name PZ^l@[;gf
REL="stylesheet" xTZe+h
REV="stylesheet" HrJ d/f5[b^
STYLE=css1-properties ys?p-OI+a|;K
TABINDEX=n ?$iXer#@ W4R
TARGET=window_name | _blank | _parent | _self | _top  "h.nbF"~+]2U}
TITLE=text lcyl0g)g4F#Po`
URN=urn 0G Hj/pG\lZ
event = script
>  [/code]说明：描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。
4、[code] <ACRONYM mX/P a)Q!Ir+g
CLASS=classname
ID=value TcN \0c V2ua-{
LANG=language C+bCZ'Pn&w
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS A\g6b!|.R(W$O
STYLE=css1-properties
TITLE=text H8o d[Lv-l:u
event = script e3zn7q4c)h9A{l%g
> [/code]说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 EAea-s}e
5、[code] <ADDRESS )o-} uhL#iU*S
CLASS=classname !N+Vi9Vk
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties :h uj'`*D3r$^n ys L
TITLE=text
event= script P2RGk1o%b2z/r
>  [/code]说明：常用于描述地址、签名和作者信息。需要结束标记。
6、[code] <APPLET
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |  !?[;?C%@-`Q
RIGHT | TEXTTOP | TOP _F:aXvB&[Y\'y a
ALT=text Auh%S-K3F
CLASS=classname
CODE=filename

CODEBASE=url
DATAFLD=colname !AD OKZ1i7z!k.Is
DATASRC=#ID R dDm*H"ut
HEIGHT=n ~A5j8Y&fWYNG
HSPACE=n &l9]Fmt
ID=value
NAME=name
SRC=url p1LM"??o8}
STYLE=css1-properties .q6m5jRe0Vg
TITLE=text
VSPACE=n !DT.T6nr%R8j`
WIDTH=n
event = script
>[/code]说明：在页面中放置可执行的内容。需要结束标记。
7、[code] <AREA
ALT=text
CLASS=classname
COORDS=coordinates (By(bk/_ _5\
HREF=url
ID=value
LANG=language #F+w M1SLY
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
NOHREF
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE
STYLE=css1-properties
TABINDEX=n -us$Z4kDck-F
TARGET=window_name | _blank | _parent | _self | _top  ]ZpHo9Tc:\D
TITLE=text ooZnwV4^ v,S7h
event = script
>[/code]说明：在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。:iW7g `~T,n-n&M
q6V7W6|&~
8、[code] <B
CLASS=classname !c2S3~RR?
ID=value P;r"y4L{R {8J b8\4I
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS Y5L"`-am
STYLE=css1-properties 1o{4E(E*cTjg
TITLE=text
event = script
>  [/code]说明：将文本以粗体显示。需要结束标记。 [:Hz%u mf%Fr
EnvTAc9V6D*S
9、[code]<BASE
HREF=url
TARGET=window_name | _blank | _parent | _self | _top   RyB0q)DR
>  [/code]说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。]-V M#C:LU2b"s\z
j?3T^p,[
10、[code] <BASEFONT g.D}s2D
CLASS=classname
COLOR=color
FACE=font
ID=value }$s)w!mjJ*E
LANG=language
SIZE=n 'gD^u4ou.[*L8z
>  [/code]说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。
{eYl5X{C@
11、[code] < BGSOUND ``i0vnd+D
BALANCE=n OqR4Hxb0]
CLASS=classname
ID=value
LANG=language r({7^xr H/m6K+z#j
LOOP=n
SRC=url _9\Ip c7c,j[f
TITLE=text
VOLUME=n
>  [/code]说明：在页面中加入背景音乐。可使用在HEAD标记中，结束标记可选。  ju ?p6b\N ~ m)jm
2bG*]!w%LP-K~6Bn"XDf
12、[code] < BIG [H*hJ;Z)t8^0CU ai
CLASS=classname
ID=value 3Ex_ C6Ad[C f
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS AU7u@!n7]
STYLE=css1-properties
TITLE=text +T7rR+s:UV
event = script X3f {)bO"G
>  [/code]说明：以比当前所用字体稍大的字体显示文本。需要结束标记。
f@o,h8u0@v4wO
13、[code] < BLOCKQUOTE 8W?l? R,O{AY
CLASS=classname H!\7ND5Oei/Vb2b
ID=value
LANG=language E,fxQ)A5Kt+h
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS -E?;Z2e/y"g
STYLE=css1-properties
TITLE=text
event = script
>  [/code]说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。/N.Ok;Up0q

14、[code] < BODY f[#n2H&kr;t'n7u
ALINK=color 6aW"qR&^
BACKGROUND=url
BGCOLOR=color
BGPROPERTIES=FIXED
BOTTOMMARGIN=pixels
CLASS=classname
ID=value X;S|.@3Ht
LANG=language M)?"_6OZ
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
LEFTMARGIN=pixels J1H d!^S
LINK=color ny3aU+sURwR.l {
RIGHTMARGIN=pixels SK+kf"~ kCd
SCROLL=YES|NO  3@Z[9Gxjel
STYLE=css1-properties ]9^;Q%v\ O
TEXT=color
TITLE=string '_%t_ox F+tk
TOPMARGIN=n Nb.b+|x*X
VLINK=color
event = script
>  [/code]说明：描述文档主体的开始和结束。需要结束标记。  }0F4ZB^)o#U.B"N

15、[code] < BR
CLASS=classname
CLEAR=ALL |LEFT | RIGHT
ID=value $\#h)S v*\"gz*x
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS @F'cdD9M
STYLE=css1-properties
TITLE=text \h\)b;z`y@FC
>  [/code]说明：换行标记。+B#`K)ze@7F
xsMF l;t,GO}
16、[code] < BUTTON
ACCESSKEY=string
CLASS=classname
DATAFLD=colname /nBJMmQPn}
DATAFORMATAS=HTML | TEXT
DATASRC=#ID  )y;Y`,\Wh y
X5fHJ(u |7n!JN
DISABLED ler!Ed/zi5L}-}
ID=value ;D$`I z!L;To
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS A:W o8t6r5X'T
STYLE=css1-properties
TITLE=text 1k^#mn X9@:LQvo)S
TYPE=BUTTON | RESET | SUBMIT .u\'LL gE0Gx
event = script F x Z1e%o#F d
>  [/code]说明：设置一个按钮。需要结束标记。
%TDRh*ZU~5BP?1^
17、[code] < CAPTION F({hO}DXU4\6Y$kY
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
VALIGN=BOTTOM | TOP !k$e}mC}
event = script
>  [/code]说明：给TABLE加一个标题。需要结束标记。 O$z/o(TJ:}$~$A
PN]u1b|'a
18、[code] < CENTER
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS Ij^(R(qz*w'f*~
STYLE=css1-properties
TITLE=text 9k`#@3m-wl4t7E `&PO
event = script %L-Dv @9e
>  [/code]说明：居中排列其中的内容。需要结束标记。
e9xR-cJeV5eFvS#U
19、[code] < CITE 2FxWdU/F1FI#r|3k+r
CLASS=classname T3\#z!xU.d9\
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties q KW6e1K(l n+K9c/v
TITLE=text
event = script
>  [/code]说明：简要说明一个引用，内容用斜体显示。需要结束标记。 u*{[k x_M
,}jMzDAz$N
20、[code] < CODE
CLASS=classname
ID=value /F+d#g1rIl
LANG=language Jrhp?-^:{N%f
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>  [/code]说明：以等宽字体显示一段代码。需要结束标记。

[[i] 本帖最后由倚天长笑于 2007-11-15 22:28 编辑 [/i]]

admin 发表于 2007-12-8 11:33

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

[b]HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。[/b]标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。 )C,S'~i2^F!`f
}-}$Nn1[JbAm.s
   [b]基本结构标志
[/b]
   <HTML> ----------表示该文件为HTML文件u1]3r;ES'r:~ot
w `bR2pe-ttc
   <HEAD> ----------包含文件的标题，使用的脚本，样式定义等:`7C@j4XJ/w2ukx"S

   <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中 k6aNf!nU4W
*R W1w#cd+T9Z\F
   <HEAD> ----------</HEAD>的结束标志

   <BODY> --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>

   </HTML> ----------<HTML>的结束标志 9xN,l{O s"U1@EA|R

   [b]其它主要标志    以下所有标志用在<BODY></BODY>中[/b] M?$i|4a7Q u/e9@%vC

   <A HREF="…"></A> ----------链接标志，“…”为链接的文件地址

   <IMG SRC="…"> ----------显示图片标志，“…”为图片的地址
!?PhG Qh-_
   <BR> ----------换行标志E@4I9D5Rp2WR+R/?(?
g4SG$Hbt
   <P> ----------分段标志/Ye A1k4V
:AgU1G@G[
   <B></B> ----------采用黑体字
-Sg,ea Zb?
   <I></I> ----------采用斜体字
"vA2OxA+o7U3V[
   <HR> ----------水平画线
GJ4BI [
   <TABLE></TABLE> ----------定义表格，HTML中重要的标志 b p#z(a"w(E/T
|#PZ"rU%\
   <TR></TR> ----------定义表格的行，用在<TABLE></TABLE>中

   <TD></TD> ----------表格单元，用在<TR></TR>中Pm%v-R(w
3B;I)B%ZK0Dy
   <FONT></FONT> ----------字体样式标志
Am8O a"I ~%W.vL1JC
   [b]属性的用法：
[/b]
   [b]属性是用来修饰标志的，属性放在开始标志内。

   [/b]例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。

   [b]常用属性[/b]：对齐属性范围属性
l%g7Mu\2M
   ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比对象宽度

   ALIGN=CENTER 居中 HEIGHT=象素值或百分比对象高度 2H+~ TD X3U B

   ALIGN=RIGHT 右对齐色彩属性 bvAr4rP-X n\;M

   COLOR=#RRGGBB 前景色参考色彩对照表 8lF.{,zt H Z5M

   BGCOLOR=#RRGGBB 背景色

页: [1]

捌玖网络工作室's Archiver

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

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