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

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

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

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！
*Ys}-LB9KX4o@K/P
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。
1、[code] [/code]说明：注释标记，在“”之间的内容将不在浏览器中显示。
2、[code]<!DOCTYPE>  [/code]说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。 !S%]4Li,bxR+Bi
3、[code] <A liHbf@2e'o
ACCESSKEY=key
CLASS=classname ]4p+G;da/{T
DATAFLD=colname
DATASRC=#ID "V;v,N_N+v
HREF=url
ID=value m~m&Zsp
LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS r3n){V.w*i(D
METHODS=http-method
NAME=name IWM,f"sY/e"X
REL="stylesheet"
REV="stylesheet"
STYLE=css1-properties
TABINDEX=n
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text
URN=urn ~V3t4Z)_?|
event = script 2]1@W9v2g hH
>  [/code]说明：描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。
4、[code] <ACRONYM n*dv$x1~#U
CLASS=classname ~8RH&}5PaR6q&K#^
ID=value 7v]Ku.},GZ0OA
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties "T0i0}haC,D
TITLE=text 'U e'd`8\[4E
event = script
> [/code]说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记
5、[code] <ADDRESS 4e%YYB2Z8F)`s5G%j\%T
CLASS=classname 9YW!C:y5n6k
ID=value 7e8n'N,Fxl
LANG=language T} c_QpG?
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event= script GX0P/{gEa
>  [/code]说明：常用于描述地址、签名和作者信息。需要结束标记。R5F~^~k
6、[code] <APPLET
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |
RIGHT | TEXTTOP | TOP
ALT=text
CLASS=classname /UiGb:Cc?,u
CODE=filename

CODEBASE=url
DATAFLD=colname
DATASRC=#ID c8RO,_o]1T9\
HEIGHT=n Kb(njS7M4Pc#O
HSPACE=n
ID=value 7p"c gB2jDM
NAME=name
SRC=url #E.h6|X5?E~:v%I_ n#c4n"b
STYLE=css1-properties
TITLE=text ayCZ P(x
VSPACE=n hf;AK2V5[;V%L:?v
WIDTH=n k/Q9X-D l0Bp^|p|,{
event = script 3c!I@D)z
>[/code]说明：在页面中放置可执行的内容。需要结束标记。U)kGbSAT#Z!D
7、[code] <AREA
ALT=text ;s+C3o8mvNGmw:h/i
CLASS=classname -w#rLh0_,h|
COORDS=coordinates
HREF=url
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS mV"["D!qR
NOHREF
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE !?0FQ/H(?
STYLE=css1-properties 3a}HFG#O D1I
TABINDEX=n
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text
event = script "A5~BI V(t
>[/code]说明：在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。
4K}[!cUj
8、[code] <B
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties r zh },xD
TITLE=text
event = script
>  [/code]说明：将文本以粗体显示。需要结束标记。!m P4HgK#e
)P%so o$M'xa1Mfd
9、[code]<BASE 9v?Ck|)_
HREF=url v~qs/X;MK
TARGET=window_name | _blank | _parent | _self | _top
>  [/code]说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。
*w;Wr7B0fH:b/K
10、[code] <BASEFONT ],T_+Pfmy
CLASS=classname
COLOR=color Q4l!Ia3loun
FACE=font +h/ikht
ID=value
LANG=language J}.~PrR8S9R
SIZE=n ]#^L2e:|]4b.Q
>  [/code]说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。

11、[code] < BGSOUND
BALANCE=n
CLASS=classname v!M0D.TdQ]0^+AS^!h
ID=value
LANG=language u/bNo/t)\
LOOP=n
SRC=url UB(P Ii"Z9H0o
TITLE=text %l\ El)H$d.`
VOLUME=n
>  [/code]说明：在页面中加入背景音乐。可使用在HEAD标记中，结束标记可选。
1m2~E*Es$h5~e-s
12、[code] < BIG uaPd0dG-|
CLASS=classname 2y-~4w.@*eHYa(wT
ID=value
LANG=language kNHO/_o
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 3f,D;J a5Y Nu
STYLE=css1-properties
TITLE=text
event = script bO)o5C `a
>  [/code]说明：以比当前所用字体稍大的字体显示文本。需要结束标记。&{8Z}5\SF
3?k3jX(yw`l?
13、[code] < BLOCKQUOTE |c$WWT.B$w#}lW5w
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>  [/code]说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。

14、[code] < BODY
ALINK=color
BACKGROUND=url QCp%_-ox+jA
BGCOLOR=color #W%n!~m k'bE
BGPROPERTIES=FIXED rW I]b,O
BOTTOMMARGIN=pixels $gPZa-?"M"C
CLASS=classname 9q#b$Q5t#p1c-EJ$G
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
LEFTMARGIN=pixels 8c)M| nl:rK:VX9U`8T
LINK=color
RIGHTMARGIN=pixels
SCROLL=YES|NO
STYLE=css1-properties
TEXT=color 5z2p:@DG^p7IV
TITLE=string
TOPMARGIN=n
VLINK=color `)C g1M|[9~.v
event = script
>  [/code]说明：描述文档主体的开始和结束。需要结束标记。  *M!n@Un

15、[code] < BR |-j&}:L@e#Z$Y&Z
CLASS=classname -w$h:Z.K H.z
CLEAR=ALL |LEFT | RIGHT
ID=value
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS TS!`"n+n0rei*[E+~
STYLE=css1-properties cYX1Htj-g
TITLE=text Xq R N3tI*i5{
>  [/code]说明：换行标记。j9jJ6A*r
{"x oVVtn
16、[code] < BUTTON
ACCESSKEY=string
CLASS=classname )h+h*^ v%Y9B?_
DATAFLD=colname %x8t5MnU_)c
DATAFORMATAS=HTML | TEXT
DATASRC=#ID
Q-sl:q!tO
DISABLED P"E9D(_m)Fq ?ei
ID=value
LANG=language ppIT1_u
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 1Y T6L ^\;]2C~-O
STYLE=css1-properties  ^*@'J1X*M
TITLE=text
TYPE=BUTTON | RESET | SUBMIT
event = script @Sb QI/Rk3T]
>  [/code]说明：设置一个按钮。需要结束标记。
TG_i/R0^i(u!x5u
17、[code] < CAPTION A)c@,CW9[%f.hX/|
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP I4SZ*vu.H#G4y
CLASS=classname
ID=value !P;CcEl9V(A/oA.e(B*{
LANG=language 9}aIps*c
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS Kpjs?%B+wa5n8P
STYLE=css1-properties
TITLE=text Cu#|~9_s
VALIGN=BOTTOM | TOP h;XX1^Fk:LML
event = script M:wV!i8f8STzv
>  [/code]说明：给TABLE加一个标题。需要结束标记。

18、[code] < CENTER :QGAgS)L^
CLASS=classname RMH-R/[
ID=value ;|gL"k%O:_)z2I
LANG=language FN7pO oX|
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS )`Al.A@QTk9L/p
STYLE=css1-properties   JHrRHD0x
TITLE=text
event = script
>  [/code]说明：居中排列其中的内容。需要结束标记。sF`$hF` v/B
}3?iEW+Pa
19、[code] < CITE ,AJ%P5K2Eqb'\2na
CLASS=classname c|K%nh'i.~
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties )v&mB3r*h]
TITLE=text fqZc~&d
event = script #lQ)T6F&eP
>  [/code]说明：简要说明一个引用，内容用斜体显示。需要结束标记。 r7Yo/sP(^%Z"V+b6@$Qx

20、[code] < CODE 1I bj~6V$\p2K
CLASS=classname
ID=value !W@\s6Ka
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS p/_Qu8tV
STYLE=css1-properties |%}'YNS
TITLE=text
event = script s6?p,C$u&}+~.jE)GbZ
>  [/code]说明：以等宽字体显示一段代码。需要结束标记。
-Wt8HpG#iP^x0[+e
[[i] 本帖最后由倚天长笑于 2007-11-15 22:28 编辑 [/i]]

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

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

[b]HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。[/b]标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。 S4SJg1Vr
TT:n5KakVN
   [b]基本结构标志
[/b]G(Mj:V*_B,a
   <HTML> ----------表示该文件为HTML文件Id9Q-_0t|RB
#T A q(I(u%k n'NU
   <HEAD> ----------包含文件的标题，使用的脚本，样式定义等&a WE%z|7br DF B*Z

   <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中

   <HEAD> ----------</HEAD>的结束标志
c;{(K(l _6^U
   <BODY> --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>
gMUD$~@1P
   </HTML> ----------<HTML>的结束标志 P;d/D1kmf4kwL{

   [b]其它主要标志    以下所有标志用在<BODY></BODY>中[/b] ?J*al5T.K$u
%E-Fl$siTp
   <A HREF="…"></A> ----------链接标志，“…”为链接的文件地址~4_*{.oM
{l*f0L Mz {
   <IMG SRC="…"> ----------显示图片标志，“…”为图片的地址2YH,F3~V

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

   <P> ----------分段标志$]$~{? r4h-o/s
t4wA,X7T8H9l M}
   <B></B> ----------采用黑体字
7A*~.Ew"w-facR
   <I></I> ----------采用斜体字
F a+sfQ,@8CV}
   <HR> ----------水平画线-{u pUT2C"U6M+N

   <TABLE></TABLE> ----------定义表格，HTML中重要的标志

   <TR></TR> ----------定义表格的行，用在<TABLE></TABLE>中
/jk`~q;i2?J2[
   <TD></TD> ----------表格单元，用在<TR></TR>中`Z?ZLaJj

   <FONT></FONT> ----------字体样式标志 7uA#K~C^ t
r!@|#LR6fBL
   [b]属性的用法：H-K\\6H}2m6JK*K8c
[/b]f7S[A v)m
   [b]属性是用来修饰标志的，属性放在开始标志内。!aF/A~(M)zY
V5xg7]}cF
   [/b]例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 S/i3^uOH z
r0I*a5\&A)C-}F;V~
   [b]常用属性[/b]：对齐属性范围属性
:KvF3YTL]7[)a
   ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比对象宽度 Cn?iP+p&k
+aMV+bA7DvS
   ALIGN=CENTER 居中 HEIGHT=象素值或百分比对象高度 }M6}+ouyT

   ALIGN=RIGHT 右对齐色彩属性 lT)WC[[0w;Onb
[7vYli8P[K
   COLOR=#RRGGBB 前景色参考色彩对照表 ,U0n2`sN7R

   BGCOLOR=#RRGGBB 背景色

页: [1]

捌玖网络工作室's Archiver

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

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