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

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

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

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！ o!tmEOm8P

这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。
1、[code] [/code]说明：注释标记，在“”之间的内容将不在浏览器中显示。1am0c}F;a,v FI
2、[code]<!DOCTYPE>  [/code]说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。 P*w {Dr N&WVD
3、[code] <A x;E}{f5z
ACCESSKEY=key
CLASS=classname
DATAFLD=colname #OL"S1k+{9A xo
DATASRC=#ID
HREF=url #as7ha#W:I
ID=value
LANG=language
#D1rCS)bH Z
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
METHODS=http-method ._?nxnA.U&mj
NAME=name Bqh\:G4aK
REL="stylesheet" ^2H(HUl2x4w
REV="stylesheet" i:I!|$U'kc6slT8T
STYLE=css1-properties
TABINDEX=n .K5G Gba%O8z
TARGET=window_name | _blank | _parent | _self | _top  GL(| FcOZ'p8K.V/_
TITLE=text
URN=urn
event = script
>  [/code]说明：描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。 s~\F)ft
4、[code] <ACRONYM
CLASS=classname OV*?dC#zO_ZB
ID=value +Q.V5vA~c4b\["}
LANG=language OFV M)v L3qiG#y'}@9c
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS B] D,W4RU5u4S%Ah
STYLE=css1-properties
TITLE=text %{gN2z+M
event = script #s0DQe/_4Hr'}
> [/code]说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 8\LU:F h5xO&v
5、[code] <ADDRESS
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text 1IrFs-zL#aV l;k:R
event= script
>  [/code]说明：常用于描述地址、签名和作者信息。需要结束标记。-b5h\Te'O7zM^q
6、[code] <APPLET ~:z;N3{dJ0A2C QF
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |  PW*q;I KJcu
RIGHT | TEXTTOP | TOP Xz%D0okO'`)T#`
ALT=text `h:l(cp"d2X
CLASS=classname 8K2Bk,}2Ub9nC/O
CODE=filename

CODEBASE=url
DATAFLD=colname
DATASRC=#ID
HEIGHT=n Bf9J*eQA%o'AY
HSPACE=n `z`|e0z
ID=value 6e| o\&~)u9z|
NAME=name 2g @` p.L\L
SRC=url 0C%h4D)bLBk
STYLE=css1-properties
TITLE=text &o&HO5Kw)Qb
VSPACE=n
WIDTH=n
event = script S Dx,T:h+^.Zy,W?!j&rB
>[/code]说明：在页面中放置可执行的内容。需要结束标记。
7、[code] <AREA c*I"yj9j G"C ?(guA
ALT=text
CLASS=classname
COORDS=coordinates D\]a!Y1R];k
HREF=url
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS S?*q u7?r$u
NOHREF 6rb;R7edCX
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE Y_1hKjAE
STYLE=css1-properties
TABINDEX=n &ynX4QXlG
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text Iwh c6ia
event = script
>[/code]说明：在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。oi7l]:XDO8S

8、[code] <B
CLASS=classname
ID=value ~!w E~#oa#ck6o
LANG=language UU(e:OA!l4D o2]
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 5v_B*z AI_
STYLE=css1-properties
TITLE=text
event = script
>  [/code]说明：将文本以粗体显示。需要结束标记。
@uU+JA/]*^%x J2im
9、[code]<BASE I(W:t%s j!R+|0zLj@
HREF=url ;@T3T%N E
TARGET=window_name | _blank | _parent | _self | _top  YkB U)F
>  [/code]说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。
}YRu$c$f4y E|
10、[code] <BASEFONT %xriQP%y5s
CLASS=classname f0VBx5z%p)ci B
COLOR=color Po0e%d(S
FACE=font
ID=value
LANG=language
SIZE=n ~-gn*xSkD.B7?
>  [/code]说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。
.ohV^![
11、[code] < BGSOUND R)~Cd.A [;N7gDp
BALANCE=n
CLASS=classname
ID=value iN"l1feNe AxL
LANG=language
LOOP=n Q9J~{3L&R/p4DvD,y)J
SRC=url gs0Q(E+QK+E1}
TITLE=text
VOLUME=n zG^K1bZ x,sl
>  [/code]说明：在页面中加入背景音乐。可使用在HEAD标记中，结束标记可选。
w \O/R:|G,?&_
12、[code] < BIG
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties +Kf[fh4p^B%z
TITLE=text wzwW&Oa Y6?z
event = script
>  [/code]说明：以比当前所用字体稍大的字体显示文本。需要结束标记。
` a1J:X;M2M
13、[code] < BLOCKQUOTE Bl c'ZbL u
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS (E6?(@!XMK;a,q~.~
STYLE=css1-properties \4cRfS
TITLE=text 'G"d\3S#|8B&{'GbY`'L
event = script ?&c'vG6vNkn%~
>  [/code]说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。 ?"h+x.[)e7`-mxO
f5C3_ {$G0I
14、[code] < BODY :]PX,f)e[:\
ALINK=color
BACKGROUND=url
BGCOLOR=color ;Dq-o_daM
BGPROPERTIES=FIXED T~,U/V}Tu,F\
BOTTOMMARGIN=pixels
CLASS=classname f#O#x.B$X}.r
ID=value 'z |G4QYr^
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
LEFTMARGIN=pixels
LINK=color
RIGHTMARGIN=pixels 5AI DA$~la
SCROLL=YES|NO
STYLE=css1-properties \-r"P(W+vH8jf
TEXT=color g/P;LJ.F X"Fn!X!U
TITLE=string xyWd1k+i1R&j/r8q+E
TOPMARGIN=n
VLINK=color
event = script H,B"Y$v!k
>  [/code]说明：描述文档主体的开始和结束。需要结束标记。
1b3U1n{L[
15、[code] < BR SL(F/E3hc
CLASS=classname v7U(N#V/R"qu rp*Re
CLEAR=ALL |LEFT | RIGHT
ID=value @sZ(`6Vz^
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties z"ZAw2n8I!Ge)i
TITLE=text
>  [/code]说明：换行标记。
%Ym I5J9R7L9g%zO
16、[code] < BUTTON
ACCESSKEY=string
CLASS=classname
DATAFLD=colname ]?a;oa2oF1xj
DATAFORMATAS=HTML | TEXT
DATASRC=#ID

DISABLED
ID=value
LANG=language ?f)CRr4`
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS cQ!Wgz
STYLE=css1-properties  zSN$@ aX6]}A
TITLE=text psei Pi Tc
TYPE=BUTTON | RESET | SUBMIT J&D-d6q!^x8J
event = script I+i8o2l3I;p
>  [/code]说明：设置一个按钮。需要结束标记。[;x,sfw+^#a;d
9E;V'g&L{ j
17、[code] < CAPTION
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP
CLASS=classname 1o5`b0Z\(},[,Pp%s&o
ID=value
LANG=language |Y5uE*y?vR_9t
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS ^L!P4p e)O*gOhk
STYLE=css1-properties
TITLE=text
VALIGN=BOTTOM | TOP
event = script ;jM&c#\ V#y`#P9Qk
>  [/code]说明：给TABLE加一个标题。需要结束标记。 }S.N[0G Axh4hU

18、[code] < CENTER f#a\`?N
CLASS=classname ;r(iGk~K_*?-b
ID=value
LANG=language Tql xb;X3D{ Z
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text \8WPRtC{{
event = script @H*vJr mXX
>  [/code]说明：居中排列其中的内容。需要结束标记。-hl"FL5Z|$`h0H

19、[code] < CITE
CLASS=classname
ID=value S0M)z2~ j {O
LANG=language 1Q.NVqJ9O}[+l)Ju
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS {WCh#J l k
STYLE=css1-properties tA5{cW
TITLE=text l[]~U/z"w
event = script ?]!Q`n^i4Q*m
>  [/code]说明：简要说明一个引用，内容用斜体显示。需要结束标记。

20、[code] < CODE
CLASS=classname B@7c'rd$Q
ID=value -LOn0}:Iw1|8JC^
LANG=language I8L#C.jT#m^
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>  [/code]说明：以等宽字体显示一段代码。需要结束标记。H9C1mw!qb0W T
'VVx$P"W,T-c
[[i] 本帖最后由倚天长笑于 2007-11-15 22:28 编辑 [/i]]

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

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

[b]HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。[/b]标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。

   [b]基本结构标志? R$TPa7_7R
[/b](p5_5|[[E)gJ1Q_m
   <HTML> ----------表示该文件为HTML文件
+{%z%@P ?-]L
   <HEAD> ----------包含文件的标题，使用的脚本，样式定义等+OQ$rK3u
]zN3HV%GK
   <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中
$E{ P(pV
   <HEAD> ----------</HEAD>的结束标志-q*ixC1N3~+H
K].`"ctx#r S3wG#p
   <BODY> --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY> r6l EgPBS3_

   </HTML> ----------<HTML>的结束标志

   [b]其它主要标志    以下所有标志用在<BODY></BODY>中[/b]
5c"\0d1v6nx(s#m
   <A HREF="…"></A> ----------链接标志，“…”为链接的文件地址?"}q4}iWy

   <IMG SRC="…"> ----------显示图片标志，“…”为图片的地址 r*C`4a P7SP

   <BR> ----------换行标志c,B&POY9uP({ Y
K`$gF9PI0Z5\
   <P> ----------分段标志

   <B></B> ----------采用黑体字AMy-T?6qeI(?"`)`

   <I></I> ----------采用斜体字-uge_$l5I/i9]QYM
+^!s"Yw+\pb%C
   <HR> ----------水平画线

   <TABLE></TABLE> ----------定义表格，HTML中重要的标志a {OYhL(Gfk)v

   <TR></TR> ----------定义表格的行，用在<TABLE></TABLE>中 a`g5_ZM.n-h,g
`B9Q8K+Vf(W @
   <TD></TD> ----------表格单元，用在<TR></TR>中
*Kc f.Vg8ok
   <FONT></FONT> ----------字体样式标志

   [b]属性的用法：
[/b]
   [b]属性是用来修饰标志的，属性放在开始标志内。

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

   [b]常用属性[/b]：对齐属性范围属性
Y)x1si|u/d:X0Wd
   ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比对象宽度

   ALIGN=CENTER 居中 HEIGHT=象素值或百分比对象高度 W.p#U5]7T| q*L

   ALIGN=RIGHT 右对齐色彩属性

   COLOR=#RRGGBB 前景色参考色彩对照表 9u0A a H5i:YU W
9d-~eo^7fls+U*Q/W w
   BGCOLOR=#RRGGBB 背景色

页: [1]

捌玖网络工作室's Archiver

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

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