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

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

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

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！
/K Hf@5t1y
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。&w,x@hjA-_3\)E
1、[code] [/code]说明：注释标记，在“”之间的内容将不在浏览器中显示。
2、[code]<!DOCTYPE>  [/code]说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
3、[code] <A
ACCESSKEY=key
CLASS=classname $g'_|#je
DATAFLD=colname
DATASRC=#ID
HREF=url cJ K)o!PG~%E
ID=value x*~&uI){`W*e
LANG=language  /l] `+B^;\(r.Yh
:}E"v'L3}6I
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
METHODS=http-method [%zv&W)?PC-i-S
NAME=name
REL="stylesheet"
REV="stylesheet" "B alf9xz
STYLE=css1-properties
TABINDEX=n
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text
URN=urn -N&G0}?E
event = script %B|*s0af9_3cB
>  [/code]说明：描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。DYx N@z
4、[code] <ACRONYM
CLASS=classname 1la:dUZ hvYX:P0c#f
ID=value :b+ZmC!m~(Dy%T3~.i
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties '^3Qk)d.]]/|$G
TITLE=text
event = script
> [/code]说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记
5、[code] <ADDRESS
CLASS=classname -J:@(Ex\ pc
ID=value HW Q z6Oq"?n
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties }4HAr0B-N0}w
TITLE=text
event= script
>  [/code]说明：常用于描述地址、签名和作者信息。需要结束标记。$n J7aL }mZH
6、[code] <APPLET Y6@%Dc;G#\,G zc0An
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |  z(fI?,HhC\2\|$d
RIGHT | TEXTTOP | TOP
ALT=text 6iD1HbR q-K\
CLASS=classname
CODE=filename  I\p/L+N6Z
FCD8N }jC%q8k3X
CODEBASE=url
DATAFLD=colname
DATASRC=#ID ke8uOx'`w.[7OX+E+o
HEIGHT=n
HSPACE=n
ID=value
NAME=name
SRC=url .i#Q7S(z2mv
STYLE=css1-properties n@{2r4V N
TITLE=text :S@e3^^_2h
VSPACE=n
WIDTH=n
event = script $M$p {`~l1[
>[/code]说明：在页面中放置可执行的内容。需要结束标记。
7、[code] <AREA
ALT=text
CLASS=classname
COORDS=coordinates
HREF=url
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
NOHREF !@7^ _+RQUUP
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE ?|$nU1G"g|JP
STYLE=css1-properties \ Nr%za7T6S7^&X
TABINDEX=n
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text
event = script
>[/code]说明：在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。
E*lb |*XN*j"f
8、[code] <B
CLASS=classname
ID=value C(Q_O$M
LANG=language %\\Y:Zp(a U
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS S;FV p4s0Y f$B6W
STYLE=css1-properties s le#B|(W
TITLE=text ,JW3K#YH rv9R]
event = script 2wG:l$n:SbK
>  [/code]说明：将文本以粗体显示。需要结束标记。a!o{BWk~r'U$f

9、[code]<BASE |.x }']#V\J
HREF=url
TARGET=window_name | _blank | _parent | _self | _top   l3G/uw)Mo
>  [/code]说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。DG#K`\UI"ow

10、[code] <BASEFONT n$g@,]G Wp{-|}sz/C
CLASS=classname ;\-[Q!O.H(rZ
COLOR=color
FACE=font
ID=value
LANG=language 'r4b(y aK5{KV9k
SIZE=n
>  [/code]说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。h)r4r-k#XgM z2L

11、[code] < BGSOUND
BALANCE=n
CLASS=classname 'X Ui0j&O:oB
ID=value
LANG=language
LOOP=n
SRC=url
TITLE=text
VOLUME=n
>  [/code]说明：在页面中加入背景音乐。可使用在HEAD标记中，结束标记可选。
c A6O(pQI/o
12、[code] < BIG
CLASS=classname k1fx5nml6t9o
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS Y-L`9C$O,R hs.Ec
STYLE=css1-properties ,N IdO:v.]*k)} X
TITLE=text
event = script
>  [/code]说明：以比当前所用字体稍大的字体显示文本。需要结束标记。:eo*mnG
X3g$Rlqs,J
13、[code] < BLOCKQUOTE b6eHLHGRl"^"c
CLASS=classname 2TJPt9t9\6[
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 4q+]8K7z%l d8W
STYLE=css1-properties
TITLE=text Q,L ^)Rs;R1N x
event = script Rm!ya yf
>  [/code]说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。
l/A)S.Q)d
14、[code] < BODY
ALINK=color
BACKGROUND=url
BGCOLOR=color
BGPROPERTIES=FIXED
BOTTOMMARGIN=pixels h~NJY9Ff D'A{7Y
CLASS=classname @2y-M?4?L
ID=value M4[[{~!Z;P
LANG=language t9d'C:Oac)N#}+@
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
LEFTMARGIN=pixels h8J7c3?Kc P(bc"\
LINK=color +G1~2`sd*z pht
RIGHTMARGIN=pixels
SCROLL=YES|NO  9ft1Wu+wO+w]{h
STYLE=css1-properties "q$a cw-I+GX P-N
TEXT=color
TITLE=string
TOPMARGIN=n
VLINK=color
event = script
>  [/code]说明：描述文档主体的开始和结束。需要结束标记。
Ie P0v4J&y ^u8tj\)T
15、[code] < BR $EP|)y]
CLASS=classname L3g0]qsVPq u~
CLEAR=ALL |LEFT | RIGHT
ID=value lQ MBc|"}%B
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS rY)\c0b;K1Q
STYLE=css1-properties )X2cq/MB{M
TITLE=text
>  [/code]说明：换行标记。

16、[code] < BUTTON
ACCESSKEY=string ;d([xk.U%{
CLASS=classname
DATAFLD=colname
DATAFORMATAS=HTML | TEXT
DATASRC=#ID  |}Y;D;Qh0G\
ri DM3R:{7wI@
DISABLED
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS /D.v,Z0[9x'g|!NT
STYLE=css1-properties   \bh(lzY'Y5Z1z
TITLE=text
TYPE=BUTTON | RESET | SUBMIT }'wg.z;J V!zGi9~)`j
event = script vU ot ]W!_$P
>  [/code]说明：设置一个按钮。需要结束标记。/C~+rb@1h!mT;Y

17、[code] < CAPTION ,T6pZ`3MGn#hz
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP
CLASS=classname $[+O Y|$t.Vt@
ID=value 5S)q|(?n$vu&_g
LANG=language (Xx,F.{6KR~w0A
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 8Al8CBW[G*k,Z8Q
STYLE=css1-properties
TITLE=text p2o7G Km4RP
VALIGN=BOTTOM | TOP
event = script .V @Wl2I/bC9W
>  [/code]说明：给TABLE加一个标题。需要结束标记。 |`Lr:qc1LB
9G#\ ~(Lni$D
18、[code] < CENTER
CLASS=classname K;uQ&o:jgC{E
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 4T W2ob1u
STYLE=css1-properties
TITLE=text
event = script
>  [/code]说明：居中排列其中的内容。需要结束标记。

19、[code] < CITE %U$}o&[%L2U ~jBXB
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS l+y-XQ/i
STYLE=css1-properties v-o!h0x*@awn
TITLE=text
event = script
>  [/code]说明：简要说明一个引用，内容用斜体显示。需要结束标记。 B-m v\E:T PV

20、[code] < CODE ,Y8@ku6l!M+HS
CLASS=classname
ID=value #KJ#lW/SX?-y
LANG=language W.Ti(` [a
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties 1w |X%n_4u
TITLE=text
event = script +j+xqt2k9mnH
>  [/code]说明：以等宽字体显示一段代码。需要结束标记。
2u;e1OqV ^!j
[[i] 本帖最后由倚天长笑于 2007-11-15 22:28 编辑 [/i]]

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

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

[b]HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。[/b]标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。 JD\#Yl&S
`4fe!wc.j
   [b]基本结构标志
[/b]#kdx[h[
   <HTML> ----------表示该文件为HTML文件'_'pY _p)]'RH&]
B&AIb)R0dYMD.XGv
   <HEAD> ----------包含文件的标题，使用的脚本，样式定义等
Z&ST:i2c.\r7k
   <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中
1IO7bDP.s"`m
   <HEAD> ----------</HEAD>的结束标志
6}n$d!TqD
   <BODY> --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>
tg(\d}}Y
   </HTML> ----------<HTML>的结束标志 "|"ZG2^KE

   [b]其它主要标志    以下所有标志用在<BODY></BODY>中[/b]

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

   <IMG SRC="…"> ----------显示图片标志，“…”为图片的地址

   <BR> ----------换行标志&KEc$t-rT*RDmB#`y

   <P> ----------分段标志p0w7^)U fE$r

   <B></B> ----------采用黑体字
Q/L)S%[6B#i(x
   <I></I> ----------采用斜体字A'F4v P$SU3a%C
YWTv:I+m2v
   <HR> ----------水平画线Td)\{b?q

   <TABLE></TABLE> ----------定义表格，HTML中重要的标志
Z:A"NpU:uAT i6i
   <TR></TR> ----------定义表格的行，用在<TABLE></TABLE>中

   <TD></TD> ----------表格单元，用在<TR></TR>中'P-G]6O_$`

   <FONT></FONT> ----------字体样式标志
F0b*qkKP
   [b]属性的用法：H*\1~?}Fd4I1M*p
[/b]
   [b]属性是用来修饰标志的，属性放在开始标志内。
xR6W7Kb$sf
   [/b]例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。

   [b]常用属性[/b]：对齐属性范围属性

   ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比对象宽度

   ALIGN=CENTER 居中 HEIGHT=象素值或百分比对象高度 8v3I"|l+O{W){sg

   ALIGN=RIGHT 右对齐色彩属性
t{pgZ9Dq
   COLOR=#RRGGBB 前景色参考色彩对照表
1M'vCC7Tp3{:hx `
   BGCOLOR=#RRGGBB 背景色

页: [1]

捌玖网络工作室's Archiver

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

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