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

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

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

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！ '}Y@c5w?0Vd3@P
$K_]m ]6h
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。k7v$A4je
1、[code] [/code]说明：注释标记，在“”之间的内容将不在浏览器中显示。
2、[code]<!DOCTYPE>  [/code]说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。 +k{p|8b6W'v
3、[code] <A &ydb0D%m
ACCESSKEY=key
CLASS=classname }qY_`8zZ&q*e
DATAFLD=colname a9JdA/ZD1O
DATASRC=#ID
HREF=url 0T$A$E:F0GVM
ID=value 5l`_W#ULl+|s
LANG=language
UPt \8[7\
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
METHODS=http-method 3jM-]s2b7E$Z"^Z
NAME=name
REL="stylesheet"
REV="stylesheet"
STYLE=css1-properties ?}#fy8Dk1L3zxa
TABINDEX=n u'_J~3_k EH
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text 'NpU'f)z(L-y
URN=urn 8RV/OM` ]0r6{5AeV
event = script
>  [/code]说明：描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。
4、[code] <ACRONYM
CLASS=classname
ID=value A HdFs)g F#H-?,nkUB
LANG=language %N+ZB)as;g
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS "^/l!OjG6VB-?~ _w
STYLE=css1-properties
TITLE=text -e J Wrh+b6h
event = script
> [/code]说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记
5、[code] <ADDRESS 7NJq#g nOS&_ Y:_
CLASS=classname
ID=value o\%l*O2b r
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS [.u F*uy7i\
STYLE=css1-properties
TITLE=text
event= script a LH y|4r+_!mR
>  [/code]说明：常用于描述地址、签名和作者信息。需要结束标记。
6、[code] <APPLET
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |
RIGHT | TEXTTOP | TOP
ALT=text h8_3@/tGtpF
CLASS=classname
CODE=filename

CODEBASE=url
DATAFLD=colname Ef5o4B#c.rxl
DATASRC=#ID
HEIGHT=n 7MKtB)kB8{"u R"M/?U
HSPACE=n
ID=value
NAME=name
SRC=url
STYLE=css1-properties dQE4TL*a%w'u6?&`kG2b
TITLE=text
VSPACE=n
WIDTH=n
event = script
>[/code]说明：在页面中放置可执行的内容。需要结束标记。
7、[code] <AREA 4ZOMrJ?TEx?
ALT=text .Kn1S!n#`)\$k6_h6Q
CLASS=classname
COORDS=coordinates
HREF=url
ID=value 8_pPP8N3E0ai8zB
LANG=language &HJLx/LaY6[
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
NOHREF 3In2Z}}
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE
STYLE=css1-properties
TABINDEX=n
TARGET=window_name | _blank | _parent | _self | _top  A}9A$F;w8W^:C
TITLE=text vnv ]q9l:UD
event = script T:kKrF|T
>[/code]说明：在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。L5^m;qTC3t

8、[code] <B
CLASS=classname J B#oqQZ
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties ^3Y"L~/^8S4Z,R7`b#e%O
TITLE=text
event = script i Tu&Hb JJe
>  [/code]说明：将文本以粗体显示。需要结束标记。*v3S4Qi7Z0BH/`1WA

9、[code]<BASE
HREF=url
TARGET=window_name | _blank | _parent | _self | _top
>  [/code]说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。!G3@2oUO/S_
LYT+M;Z,Ah7k
10、[code] <BASEFONT
CLASS=classname @?j A2_.x
COLOR=color
FACE=font 3Kl k1~{*ji$h"l
ID=value
LANG=language 6w0uf.^ QS
SIZE=n
>  [/code]说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。B0?9LF.]*c$h3f

11、[code] < BGSOUND
BALANCE=n
CLASS=classname p3jTv7\
ID=value
LANG=language
LOOP=n t Ylu:GbG
SRC=url f`n+]#gc7hn6k5?
TITLE=text
VOLUME=n
>  [/code]说明：在页面中加入背景音乐。可使用在HEAD标记中，结束标记可选。
Y7rB7oU
12、[code] < BIG v NF&F4j
CLASS=classname
ID=value
LANG=language }!bW!YLN"d1L
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties ;C3vg5zU%yO9a,?E
TITLE=text
event = script
>  [/code]说明：以比当前所用字体稍大的字体显示文本。需要结束标记。

13、[code] < BLOCKQUOTE
CLASS=classname n?$sc'iIrbI
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS .J[V3nN)D
STYLE=css1-properties
TITLE=text 1\L%I#z1?B Q
event = script `-hrbi#uR
>  [/code]说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。
5^NY3}N/e
14、[code] < BODY :MF8BMK})K
ALINK=color "yT?\^J
BACKGROUND=url [Q!]NXo_:L(v$n
BGCOLOR=color Ia;hd-x+LZfN8Q
BGPROPERTIES=FIXED (z"y"xk4P,y*J,x
BOTTOMMARGIN=pixels fAP}/U$yy0s
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
LEFTMARGIN=pixels )C9QI Ku#UK0lp
LINK=color
RIGHTMARGIN=pixels
SCROLL=YES|NO  "Q(~1@(n`fm
STYLE=css1-properties Q6V$G!z^qc\0S
TEXT=color o)W#yzJ5QO!e
TITLE=string
TOPMARGIN=n
VLINK=color
event = script )O:op h`K(L~!umC
>  [/code]说明：描述文档主体的开始和结束。需要结束标记。
)wZX$R h
15、[code] < BR .f,\g!Q~D$R
CLASS=classname U&Hr/le\Rq$?0L
CLEAR=ALL |LEFT | RIGHT
ID=value
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS h'}r;~+k&["w!J
STYLE=css1-properties
TITLE=text pPT{(a ^!f
>  [/code]说明：换行标记。!q/O.S%oG,zlz&[}0l I
]5t2xV8]?+Y
16、[code] < BUTTON
ACCESSKEY=string M&ge+e+C
CLASS=classname
DATAFLD=colname 3dV3F$[:d bc4T@!r
DATAFORMATAS=HTML | TEXT \m0GZ%Sb&Z-b
DATASRC=#ID
5TPY7usV
DISABLED :G*I2P5Qk
ID=value |;gn3V%FOR8roY
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS b FQN/x\1sQ
STYLE=css1-properties  ?)^xu3|-HX6{k
TITLE=text
TYPE=BUTTON | RESET | SUBMIT
event = script
>  [/code]说明：设置一个按钮。需要结束标记。
PWU8d,FVHzBh
17、[code] < CAPTION
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP |W9dWP;S&sz8AL,e
CLASS=classname
ID=value ]lF+l$d
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS r,ln}d9{]K6|;_|
STYLE=css1-properties
TITLE=text
VALIGN=BOTTOM | TOP
event = script 6f'Z.x IdLp]H{
>  [/code]说明：给TABLE加一个标题。需要结束标记。 6b)iX_&I0a0Pi%s B
)a,h,gdu a
18、[code] < CENTER PG+^KII8])zq;OY
CLASS=classname $J,b1xUAw;LJ
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS *b t.EE{%G
STYLE=css1-properties  a e{)` an
TITLE=text
event = script T(^8i)why |T'N4Y
>  [/code]说明：居中排列其中的内容。需要结束标记。
%q)diy`
19、[code] < CITE )LK~&sN-tGi
CLASS=classname 3h@4p8mE3W2S#OxA
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS N e\)T}C-N,w*f0j
STYLE=css1-properties P[kd%v$Po&k1k
TITLE=text 4I ^g(qy%PF$z
event = script
>  [/code]说明：简要说明一个引用，内容用斜体显示。需要结束标记。 $IZq$DT)z(c?M
iSJ$GaR
20、[code] < CODE
CLASS=classname D$LHPt3B;]Qi'H
ID=value y[!uR1va(B
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text )I8y4S `6s0O{5j q
event = script $Wi6kmo5i$C#^
>  [/code]说明：以等宽字体显示一段代码。需要结束标记。
{j vwYoS.Pe
[[i] 本帖最后由倚天长笑于 2007-11-15 22:28 编辑 [/i]]

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

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

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

   [b]基本结构标志
[/b]
   <HTML> ----------表示该文件为HTML文件eeF._'Tq/I

   <HEAD> ----------包含文件的标题，使用的脚本，样式定义等
M,ysE!b
   <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中 t[;r2c6WB

   <HEAD> ----------</HEAD>的结束标志g(w Yy-H#t:@
lx:woL$U@;HQ/w9z
   <BODY> --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>
,Wmf\7~)VU2y,c4d
   </HTML> ----------<HTML>的结束标志

   [b]其它主要标志    以下所有标志用在<BODY></BODY>中[/b] 7V3V%Hc"j8t&Yg'D4Lx

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

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

   <BR> ----------换行标志
dm:Qv#^s9O`G
   <P> ----------分段标志

   <B></B> ----------采用黑体字W:[T[w3A!x
D;K!F(FSq
   <I></I> ----------采用斜体字xR e5gP,P3bT
|:~&M4R/],A!m7X
   <HR> ----------水平画线
,mf Av%K9M9Z:n
   <TABLE></TABLE> ----------定义表格，HTML中重要的标志H8v&`^@6{y!W;L

   <TR></TR> ----------定义表格的行，用在<TABLE></TABLE>中
k @1f(nm:juA
   <TD></TD> ----------表格单元，用在<TR></TR>中P F(Fi#gtQD
!{e:G$KQ8j
   <FONT></FONT> ----------字体样式标志 %wE5sC*D.y

   [b]属性的用法：$Lqr3QoG-bPR
[/b] g0_'fr&t/I^
   [b]属性是用来修饰标志的，属性放在开始标志内。

   [/b]例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 pb]&F(^:_M|1Tx5f}
SXK"T:D
   [b]常用属性[/b]：对齐属性范围属性 ? t.l|h$D
z9~ W N*_
   ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比对象宽度 n4RpJ!lh#F4aL&uM

   ALIGN=CENTER 居中 HEIGHT=象素值或百分比对象高度
"skBj&d?
   ALIGN=RIGHT 右对齐色彩属性

   COLOR=#RRGGBB 前景色参考色彩对照表 ZjW q@5_!Sw
-QxMMT4]
   BGCOLOR=#RRGGBB 背景色

页: [1]

捌玖网络工作室's Archiver

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

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