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

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

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

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！ "\)fH7cP;}Y x}
\S R"A:X(H
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。r@!Xp T+y
1、[code] [/code]说明：注释标记，在“”之间的内容将不在浏览器中显示。
2、[code]<!DOCTYPE>  [/code]说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
3、[code] <A
ACCESSKEY=key }i.yx8Q1Y o0}7O9u4wHc
CLASS=classname
DATAFLD=colname k!~7~nd Iw
DATASRC=#ID w3Y4KE G4`1[$z
HREF=url
ID=value
LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
METHODS=http-method
NAME=name
REL="stylesheet" 1?m.SZ [w#H-CdM
REV="stylesheet"
STYLE=css1-properties v)d~ ]rFF
TABINDEX=n 3h4P1o~wC8MP
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text :v#z3L!H'W
URN=urn HR[zq8ilQ
event = script
>  [/code]说明：描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。
4、[code] <ACRONYM bEu%U7Nwf#ZA'Q
CLASS=classname 4{ H n"N R*U h
ID=value
LANG=language &M:p1x,U7j']k
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS J{/Rn$o6e,g
STYLE=css1-properties 9Zv?K _(Q4B6~
TITLE=text
event = script 7b}w't)v"`9CyYg
> [/code]说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 c t6l\5t~i
5、[code] <ADDRESS f_yf!d5k6ZN7y
CLASS=classname
ID=value NC"P;PD/k#C
LANG=language Y9a8xA?Gu'~a
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties 'w"hTA%SB!k
TITLE=text !Y:v+L n"t B |.{
event= script lY7o@4m
>  [/code]说明：常用于描述地址、签名和作者信息。需要结束标记。qO KZ;MY1V
6、[code] <APPLET %u$Wx;h0lP
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |
RIGHT | TEXTTOP | TOP vFqi!@3f A{$W
ALT=text %^J:[ zJ
CLASS=classname
CODE=filename

CODEBASE=url "KGY#nR$s+I
DATAFLD=colname
DATASRC=#ID
HEIGHT=n
HSPACE=n
ID=value
NAME=name "j'V*t4x}9`FI
SRC=url
STYLE=css1-properties 4|aORX[#mc1a
TITLE=text $AFbv&U
VSPACE=n h}2`[AlWc
WIDTH=n .L([-U2el
event = script :r&s UHC&[&Y%}(j
>[/code]说明：在页面中放置可执行的内容。需要结束标记。
7、[code] <AREA
ALT=text
CLASS=classname
COORDS=coordinates IO-B)Y)U0l;d
HREF=url &M#j(Lm*uUn k
ID=value r-]Ho$S4h)t{
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 4t#Ew3_8y%~{
NOHREF
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE 7zn%NJ5S3l+|
STYLE=css1-properties P!b;^~,qE_;G
TABINDEX=n 4] aTSM/?
TARGET=window_name | _blank | _parent | _self | _top  5JLDa S9`
TITLE=text
event = script Oz@,F(u
>[/code]说明：在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。

8、[code] <B ay8K1e2o2G
CLASS=classname
ID=value 1IR{re$r
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>  [/code]说明：将文本以粗体显示。需要结束标记。
3p F E;s)n-~[?
9、[code]<BASE )pm8c%b"H$Rn{$a
HREF=url v~f[3Ci{5L&^N
TARGET=window_name | _blank | _parent | _self | _top
>  [/code]说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。

10、[code] <BASEFONT @ ia.CQAvVN;k
CLASS=classname
COLOR=color !vrSe3m`+ok
FACE=font z(CI/i],E0T
ID=value
LANG=language
SIZE=n |Q4p"r,I
>  [/code]说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。+l$llP X^x
qp2["FB
11、[code] < BGSOUND Tm:G t(C\&MCM
BALANCE=n 3{)KfJ^R&f_
CLASS=classname 'c;O }M2BE
ID=value
LANG=language
LOOP=n
SRC=url
TITLE=text
VOLUME=n
>  [/code]说明：在页面中加入背景音乐。可使用在HEAD标记中，结束标记可选。

12、[code] < BIG 4IVs;p~TE:o+j)d
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS K&m2W2{.ML+W:P|
STYLE=css1-properties
TITLE=text R*KR E3O{A6@
event = script
>  [/code]说明：以比当前所用字体稍大的字体显示文本。需要结束标记。:@3u\w2L0A/f
f2t`Nv%N
13、[code] < BLOCKQUOTE (?j[ lqt
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text 6i!^7ZA$g3e
event = script 7w'{9T,ANwo*x3q
>  [/code]说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。(S*XP!wRH*n"S;s
?0{xWS4zE
14、[code] < BODY M _,Z:CLL1f
ALINK=color
BACKGROUND=url KRb&z#I
BGCOLOR=color
BGPROPERTIES=FIXED ,sY*e;F^ dd
BOTTOMMARGIN=pixels
CLASS=classname KSz_$AV|S
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
LEFTMARGIN=pixels
LINK=color c.kDE.ntZs
RIGHTMARGIN=pixels $m-dn$yg-LWiZ
SCROLL=YES|NO  0{X&`3\1Yq"M.YI T&dX
STYLE=css1-properties
TEXT=color
TITLE=string ;FB0HrB
TOPMARGIN=n
VLINK=color
event = script _A j0bjH2UeQ
>  [/code]说明：描述文档主体的开始和结束。需要结束标记。
6HG!]uR$uK.Q5b;u
15、[code] < BR
CLASS=classname
CLEAR=ALL |LEFT | RIGHT jKf4N!H/P
ID=value
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
>  [/code]说明：换行标记。/NV6t a)S,aYQ
a8Xq1tIXo
16、[code] < BUTTON "Pa yQz
ACCESSKEY=string }&a H1eQ+dpL
CLASS=classname 4nf7^TPyc$Cv
DATAFLD=colname
DATAFORMATAS=HTML | TEXT m`$Q-F.Wc!e
DATASRC=#ID
*F8l@*K#] Q9}-C$Q h
DISABLED
ID=value
LANG=language ^&N#q2yaK^&C*T_l
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties  S(` e%x&gFmfH1@
TITLE=text (YDPo(wo O-Q{"U
TYPE=BUTTON | RESET | SUBMIT
event = script k"I7sxFHFtp
>  [/code]说明：设置一个按钮。需要结束标记。? {^DBz
;T_V+hgN~;H)yj |w
17、[code] < CAPTION "I5AA.v9|;l
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP
CLASS=classname -~5Z N^H`z)`X
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties  A0XgFM8r
TITLE=text :F$wP2ag ]5^
VALIGN=BOTTOM | TOP
event = script
>  [/code]说明：给TABLE加一个标题。需要结束标记。 ~'wY0acahk/g0~!k
*xi;_P4J0Na
18、[code] < CENTER
CLASS=classname has&} u|x-H7T-L
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties  1iC Yo!t_$LB
TITLE=text @H g/s&z-p
event = script
>  [/code]说明：居中排列其中的内容。需要结束标记。h_3Gw2H*H9y5?N|\$n

19、[code] < CITE f)rM.k PW's
CLASS=classname c rb$oQ9r!T;o h9r,B
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS Ty:eN;n0SE,{
STYLE=css1-properties
TITLE=text
event = script
>  [/code]说明：简要说明一个引用，内容用斜体显示。需要结束标记。 /t.z(Pk3_
A&GY-vob+QR
20、[code] < CODE a{ Bp%h!o
CLASS=classname #wCB-Y0BI`?e
ID=value
LANG=language H.o_'r;V(K([~
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS F$t}&Kg)UU
STYLE=css1-properties
TITLE=text
event = script zPp"P+TU+m
>  [/code]说明：以等宽字体显示一段代码。需要结束标记。8py@tNN/N@:E

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

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

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

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

   [b]基本结构标志W!Ta3f aD#y_
[/b]^n/[plK+LA
   <HTML> ----------表示该文件为HTML文件
%qwX/k(R%Ky W
   <HEAD> ----------包含文件的标题，使用的脚本，样式定义等9k`z-t`pg2?'Z&I
F2f-P*L[|
   <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中 d;_(fM W aX1b4~

   <HEAD> ----------</HEAD>的结束标志
/J$v%]V&j
   <BODY> --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY> c] Z6sD8`;j8^:?K
1N0UR!kzr,RH
   </HTML> ----------<HTML>的结束标志
t9mOkJ;lJ
   [b]其它主要标志    以下所有标志用在<BODY></BODY>中[/b]
7n/Y`8K9F_
   <A HREF="…"></A> ----------链接标志，“…”为链接的文件地址

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

   <BR> ----------换行标志

   <P> ----------分段标志1e5sKXG

   <B></B> ----------采用黑体字

   <I></I> ----------采用斜体字R5nebL{5f

   <HR> ----------水平画线

   <TABLE></TABLE> ----------定义表格，HTML中重要的标志
W}M D;I4?E*X
   <TR></TR> ----------定义表格的行，用在<TABLE></TABLE>中3^] U!_t*j$?uWp

   <TD></TD> ----------表格单元，用在<TR></TR>中
A$L0@YL$Ye5io |
   <FONT></FONT> ----------字体样式标志

   [b]属性的用法：
[/b];LmJ+Z6@$NRc
   [b]属性是用来修饰标志的，属性放在开始标志内。@5HS8u6U)ID*c
D&pr,m#?AY
   [/b]例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。
ug f`"s#k(h
   [b]常用属性[/b]：对齐属性范围属性
:Iq]7F_u|
   ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比对象宽度 w{P$bR
.D_FOy)w#Xxy(?
   ALIGN=CENTER 居中 HEIGHT=象素值或百分比对象高度
g6C'~6@W9yX8_'` M
   ALIGN=RIGHT 右对齐色彩属性
nQ9\ [*YmVv5Y$@
   COLOR=#RRGGBB 前景色参考色彩对照表
gF9p(R5y8S\/D"bb
   BGCOLOR=#RRGGBB 背景色

页: [1]

捌玖网络工作室's Archiver

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

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