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

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

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

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

这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。
1、[code] [/code]说明：注释标记，在“”之间的内容将不在浏览器中显示。
2、[code]<!DOCTYPE>  [/code]说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。 8?(OhG7qV?,BQ
3、[code] <A
ACCESSKEY=key 3z?R:]d)e
CLASS=classname
DATAFLD=colname
DATASRC=#ID {6y@wY*F1g^4D
HREF=url
ID=value
LANG=language  !W mXAdI

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
METHODS=http-method
NAME=name 2}'ALfgM_f
REL="stylesheet"
REV="stylesheet"
STYLE=css1-properties E1BS2yFv
TABINDEX=n B&@#ijnK
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text lcw)Le;SF,o$|4d;D
URN=urn .~uK)|)g B?
event = script
>  [/code]说明：描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。
4、[code] <ACRONYM zX[)hXv"Ctv|
CLASS=classname
ID=value
LANG=language @!y1A7]E]#V(Si7_
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script 5~:FeZx2N!Kx o|
> [/code]说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记
5、[code] <ADDRESS P`(hc8q;k
CLASS=classname \)`mkI!RkL
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text 0rApZwo*d%X
event= script p+U2b.^R&s iu
>  [/code]说明：常用于描述地址、签名和作者信息。需要结束标记。+y6d;D~g9Aa#H*M*B
6、[code] <APPLET
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |
RIGHT | TEXTTOP | TOP
ALT=text C3m%p,n i#f{*B
CLASS=classname
CODE=filename  'f{C%ox
;eXv0f+rPR*h
CODEBASE=url d&E%N iw&x/\
DATAFLD=colname
DATASRC=#ID "Bx1I'U cf-Q7rJ$C
HEIGHT=n
HSPACE=n ]4T2_eQ$]u1H9Q
ID=value
NAME=name
SRC=url
STYLE=css1-properties (sjS{$zl-P
TITLE=text [6S4y6a9Te
VSPACE=n 7C(}9cVh
WIDTH=n
event = script +m6h3_(S9NH
>[/code]说明：在页面中放置可执行的内容。需要结束标记。vb"V!e-VR/w
7、[code] <AREA
ALT=text
CLASS=classname
COORDS=coordinates
HREF=url
ID=value _}^/S:Z9x'?[
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS "@{#`OY
NOHREF
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE ;g fb ?bx)o
STYLE=css1-properties
TABINDEX=n
TARGET=window_name | _blank | _parent | _self | _top  k6D\:u-H Y!g'S*R
TITLE=text cCq!awn
event = script 4wp&x~]-xS2on+if%X/f{
>[/code]说明：在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。YGo8ZX%E+E
8~:R!UH9x@0L3?$YZe
8、[code] <B "wQw'f.gF(i8D
CLASS=classname
ID=value &hq&@,P#lb
LANG=language !e'NF6{!cf6_
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS Q)B:B+zU3X
STYLE=css1-properties
TITLE=text
event = script
>  [/code]说明：将文本以粗体显示。需要结束标记。0W3Mu4px ov2I&N

9、[code]<BASE _#z7S X4QFx4kca^
HREF=url
TARGET=window_name | _blank | _parent | _self | _top  9~lg$a%S?AvV e
>  [/code]说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。lh#vd)vH
sv9F@Q,c(Dl ]d
10、[code] <BASEFONT
CLASS=classname
COLOR=color *fCx9b l!@
FACE=font [&]9F5O:a_e0pY|
ID=value ?|"}{ e7E1O$n
LANG=language 3_$ut'A _4o;o,mL
SIZE=n 0@J(d9y]
>  [/code]说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。

11、[code] < BGSOUND
BALANCE=n 6vj]*M?F7L
CLASS=classname O9_F!l:g1C#MNx/l V
ID=value
LANG=language e`'Oq#@Mz$N
LOOP=n M)Ec H BW
SRC=url 9dG e)Ec|2bv
TITLE=text
VOLUME=n |bZ'~w0E+q
>  [/code]说明：在页面中加入背景音乐。可使用在HEAD标记中，结束标记可选。  4g X)I0S#T&u4s h

12、[code] < BIG
CLASS=classname *m6c/Rr IM
ID=value
LANG=language 4G]}c"L*]}6d
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties 9bqnX9n,D
TITLE=text .cL-Q,Lz.EK8j5Cv
event = script iB,|].o8q ^
>  [/code]说明：以比当前所用字体稍大的字体显示文本。需要结束标记。6jxP9Z\,J:{2bBD w

13、[code] < BLOCKQUOTE [ ~%u_kH
CLASS=classname
ID=value $~gE-]*y-x
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS :EL[j FU
STYLE=css1-properties ^8mz\"~ F|
TITLE=text
event = script
>  [/code]说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。bz!T]&|,HRwI/I,_
X#n"Y$l I5g}
14、[code] < BODY
ALINK=color /k#]"fr Y{#`9Uz|
BACKGROUND=url 0C}$|z_*kUxH
BGCOLOR=color OpI"F|2b
BGPROPERTIES=FIXED #N;v"hB?
BOTTOMMARGIN=pixels
CLASS=classname $]N%dB"M3JepX"h
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
LEFTMARGIN=pixels
LINK=color
RIGHTMARGIN=pixels
SCROLL=YES|NO
STYLE=css1-properties
TEXT=color
TITLE=string C"ox}bd
TOPMARGIN=n
VLINK=color ,U*TDO\ jz;F L9W)`t
event = script 7q/Kame
>  [/code]说明：描述文档主体的开始和结束。需要结束标记。  ~8ajT+Ib$jM

15、[code] < BR
CLASS=classname 5x'r E6|,P ]`Y
CLEAR=ALL |LEFT | RIGHT
ID=value
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS k3Rm'Fq,J:A
STYLE=css1-properties
TITLE=text i^T]S
>  [/code]说明：换行标记。Q8[t`i&j+UT;m)[
"?R5e,p~
16、[code] < BUTTON
ACCESSKEY=string l,B]@5JI/On:^
CLASS=classname |Fz0|R\F*}
DATAFLD=colname
DATAFORMATAS=HTML | TEXT p1j~zi!p8kQ
DATASRC=#ID  ;rJ3r7{6R'GWU?

DISABLED zA$_ M_u|
ID=value )hv&~y2c6MY
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties  Pl*vklhW
TITLE=text
TYPE=BUTTON | RESET | SUBMIT
event = script 2E9g|Xce m
>  [/code]说明：设置一个按钮。需要结束标记。KAlLV2{7Z!Vo

17、[code] < CAPTION #WQLZOz%cW
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP
CLASS=classname J-Qnh7wyz0`N%K
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text W4DA"\Q7H
VALIGN=BOTTOM | TOP Q:n,Q|B1~Y&F'd;[t
event = script
>  [/code]说明：给TABLE加一个标题。需要结束标记。

18、[code] < CENTER
CLASS=classname
ID=value a?1W+m)jws#p2R(x
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 1XPuw-r,?
STYLE=css1-properties
TITLE=text ,W&K cf$S^e2t
event = script
>  [/code]说明：居中排列其中的内容。需要结束标记。

19、[code] < CITE XG%^+bjC c
CLASS=classname O@6f+a @,j}
ID=value Jv3]6n;USA
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties ,]#f#L4V z6fk
TITLE=text 'C-wXP8Z)t:j
event = script |-Gc%nI/r9v'q
>  [/code]说明：简要说明一个引用，内容用斜体显示。需要结束标记。
$Mv r*sWp-M
20、[code] < CODE
CLASS=classname
ID=value 7Y%X,J5u0czpl}
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties 3MDjE)@+Vt
TITLE=text EV?_Y*XR
event = script
>  [/code]说明：以等宽字体显示一段代码。需要结束标记。
R`vh,`c-^A"YY
[[i] 本帖最后由倚天长笑于 2007-11-15 22:28 编辑 [/i]]

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

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

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

   [b]基本结构标志6rpb~KLrmc
[/b]
   <HTML> ----------表示该文件为HTML文件

   <HEAD> ----------包含文件的标题，使用的脚本，样式定义等

   <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中6ue,wGdqV
]!DyQ4A3`r0P$t'Th
   <HEAD> ----------</HEAD>的结束标志%V0W3X,a!Q|Y9ju2Kq

   <BODY> --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY> "}:~_;j Y.R

   </HTML> ----------<HTML>的结束标志 mRA5\1l7I"PJ
as G(P%Ru2f
   [b]其它主要标志    以下所有标志用在<BODY></BODY>中[/b] "g\2F&GHX

   <A HREF="…"></A> ----------链接标志，“…”为链接的文件地址5b"J:^Y:e*a`?Y?$_
`c-Y$H+_^
   <IMG SRC="…"> ----------显示图片标志，“…”为图片的地址

   <BR> ----------换行标志
Mq3S^"DJ'[9_y
   <P> ----------分段标志

   <B></B> ----------采用黑体字up{"vs:T+P
H5LJ!g{:r
   <I></I> ----------采用斜体字
Gs)_^m.}B0\a
   <HR> ----------水平画线;OCj-koA
f,fX!mWf0}2@H
   <TABLE></TABLE> ----------定义表格，HTML中重要的标志

   <TR></TR> ----------定义表格的行，用在<TABLE></TABLE>中

   <TD></TD> ----------表格单元，用在<TR></TR>中
[P"n"qb(w
   <FONT></FONT> ----------字体样式标志

   [b]属性的用法：,V.p'{M/q$k;t
[/b]9W'yy-lh(\
   [b]属性是用来修饰标志的，属性放在开始标志内。

   [/b]例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。
ybj6z2E6oPe
   [b]常用属性[/b]：对齐属性范围属性 ,Y@Ui2?
7[7u\v%^f
   ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比对象宽度 &_/^n6WI6K,Z
k-i.qAn@,NF
   ALIGN=CENTER 居中 HEIGHT=象素值或百分比对象高度 'X0`4x&D L[
9|V#bcNU
   ALIGN=RIGHT 右对齐色彩属性 ctY9iPc1u.h3^h
w$u G:btX|$J%@
   COLOR=#RRGGBB 前景色参考色彩对照表 :U7yJ"co
`sg~M&k|5{HG&y
   BGCOLOR=#RRGGBB 背景色

页: [1]

捌玖网络工作室's Archiver

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

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