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

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

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

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！
Qc5D-G1A~vZ
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。!b9v&|)nQ(U*g
1、[code] [/code]说明：注释标记，在“”之间的内容将不在浏览器中显示。-t'W~,~nJIG;R@8H:y
2、[code]<!DOCTYPE>  [/code]说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。 "j+|^,BQ{I"A6OM(h
3、[code] <A
ACCESSKEY=key *Z ["mmoP
CLASS=classname
DATAFLD=colname n#pM)Q.H5kO7a$N7lg
DATASRC=#ID
HREF=url
ID=value (b`p9KD'N4a&|{
LANG=language  }-C |(XaUZ'Z5D7]
4q;Uz!J/{5cQ
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS vJN9_&Qe\
METHODS=http-method 0T eTs+wh1Nc
NAME=name 'LYD-@.n\~Af
REL="stylesheet"
REV="stylesheet"
STYLE=css1-properties
TABINDEX=n
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text X7Ho"S:Es J
URN=urn fVOk;[)gj4{
event = script
>  [/code]说明：描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。2@?RD8r P2[3Q]e{/`1k
4、[code] <ACRONYM IfoF+RoBf c
CLASS=classname +W5d#u8I&zT
ID=value
LANG=language 2Ub a:A/z
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 3d J6{Uv6r
STYLE=css1-properties ?#LN2e2uVUA9b|8t \
TITLE=text #\K%a-RL5N/a
event = script
> [/code]说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 r-@s!O4LC1p
5、[code] <ADDRESS s(\+bA@p&gG_
CLASS=classname c~(w$QIw
ID=value O&E8N,w2R
LANG=language i+H`LP
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS m_5MsEN1E6n
STYLE=css1-properties $@;t9?hr,rbo W'y
TITLE=text
event= script F,~v#SVD|$}
>  [/code]说明：常用于描述地址、签名和作者信息。需要结束标记。
6、[code] <APPLET y5g8[t uk_&j
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |  EUQ X'g
RIGHT | TEXTTOP | TOP !e4} CD X\x*i,^'g
ALT=text }I q z.\7V O;x
CLASS=classname r]8JxMB U {/t
CODE=filename  *fZ4GVD
4D?:Z3amJC,@P
CODEBASE=url
DATAFLD=colname
DATASRC=#ID 1d~,G:R_%_:RP!WG
HEIGHT=n
HSPACE=n
ID=value eI'Pt;~{5M
NAME=name
SRC=url
STYLE=css1-properties '|['k cm
TITLE=text B!~T(v#e
VSPACE=n %hq tM_)FK
WIDTH=n wZV$@w*c
event = script mohC&\
>[/code]说明：在页面中放置可执行的内容。需要结束标记。
7、[code] <AREA
ALT=text Fy^s*yeRwDb4E
CLASS=classname
COORDS=coordinates
HREF=url
ID=value 8C,Bq#G%M{
LANG=language 6t/l([`!OYH`N
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS l6T/Y:\c$L"f
NOHREF
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE
STYLE=css1-properties
TABINDEX=n 9DH;e6Y T F7y
TARGET=window_name | _blank | _parent | _self | _top  +HM*L0mE)A
TITLE=text f3w6YXO#N`
event = script $uJ{M l$R:G
>[/code]说明：在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。
HwTI drC.m}
8、[code] <B ^6^5S(@d#E6R e
CLASS=classname
ID=value q:W9e@9^ a/a@
LANG=language #WG7O(X}4wdxd
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties A2xET t.e6Q}E
TITLE=text S/jE3|$N$E8rSm
event = script
>  [/code]说明：将文本以粗体显示。需要结束标记。

9、[code]<BASE
HREF=url
TARGET=window_name | _blank | _parent | _self | _top
>  [/code]说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。(e6Mzo%ch

10、[code] <BASEFONT 7Jj%Z2\A8M ]&{YE)c%c
CLASS=classname ZzVjmL
COLOR=color
FACE=font l1cMSE V)N
ID=value
LANG=language
SIZE=n KriAw1~fC
>  [/code]说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。
/c:wA(r3S
11、[code] < BGSOUND uX'YO6lb4n0@f
BALANCE=n JBS8cI/FD_
CLASS=classname ko|IY
ID=value
LANG=language
LOOP=n @e\*P'l6FD a!D'ZG
SRC=url ~ETxg3s.GH~
TITLE=text
VOLUME=n na/j2h#|(Q
>  [/code]说明：在页面中加入背景音乐。可使用在HEAD标记中，结束标记可选。  5}2O2p0R Z`R

12、[code] < BIG
CLASS=classname
ID=value
LANG=language &D%_ F/s$~/]1A)_%n}z
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS CQ5p&ll4By/eL
STYLE=css1-properties 7c/b@j bVa]4L
TITLE=text
event = script OhPF0~-~s8S&_/A
>  [/code]说明：以比当前所用字体稍大的字体显示文本。需要结束标记。
q5rJT$MMY+~?
13、[code] < BLOCKQUOTE
CLASS=classname 4`(w;~9\Eep&V
ID=value Kpl:z-o0k[C
LANG=language v(r:y {,`.su
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS P(Rno+YFh
STYLE=css1-properties
TITLE=text 2{m0]'v~Y2n
event = script 8zN&x'~8^@"O_T/A
>  [/code]说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。
9F1^V q%x8L!NII`^
14、[code] < BODY 2r/T ?n7b3F{1Xt
ALINK=color
BACKGROUND=url
BGCOLOR=color 7U'@-Gq2g9j
BGPROPERTIES=FIXED 8XHCuD;z
BOTTOMMARGIN=pixels $V$Y}4l`9q#Hr6^&m7lv
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS )DUcY2u'^1NR,v%X
LEFTMARGIN=pixels
LINK=color -Ms5\(Yy-D!ZH
RIGHTMARGIN=pixels
SCROLL=YES|NO  2W(ui$BYFJ
STYLE=css1-properties U'h]G&PVK
TEXT=color +J.Ah5d WZe f_
TITLE=string
TOPMARGIN=n
VLINK=color
event = script
>  [/code]说明：描述文档主体的开始和结束。需要结束标记。  ^mPXl~[I r

15、[code] < BR
CLASS=classname
CLEAR=ALL |LEFT | RIGHT
ID=value )SiHJ v8I
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text ;nO;E$O9Iq ]0B
>  [/code]说明：换行标记。
`?-Vq| e&t6hp
16、[code] < BUTTON
ACCESSKEY=string l-`,?0p&\i[|A{
CLASS=classname kqY,ba&b,nj`
DATAFLD=colname k Bd zrE
DATAFORMATAS=HTML | TEXT 7v!O:v8|aeR7W\
DATASRC=#ID  If/J.sw"_.|~

DISABLED
ID=value 7F*Bwh;ah`,rf
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
TYPE=BUTTON | RESET | SUBMIT [a.Z^6_$c,c$G E
event = script t\ w{!g\4q7};w
>  [/code]说明：设置一个按钮。需要结束标记。
bY.gf*t
17、[code] < CAPTION &uJx.Z+f
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP
CLASS=classname N,e*Z+c `G:m y
ID=value cE#u;u&| k'v ^
LANG=language 2|c%T tW xc
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text Io5i*s0Ub,l+Q+P`g
VALIGN=BOTTOM | TOP zuI+X$[V,f
event = script
>  [/code]说明：给TABLE加一个标题。需要结束标记。 LA8_1\p(Cc.H

18、[code] < CENTER
CLASS=classname
ID=value I!t$n`}'y
LANG=language ]'b%WT+s`'a8qY(u `
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS [BB3?:C#E/F
STYLE=css1-properties
TITLE=text U_"q2Cf2E!^wJ
event = script
>  [/code]说明：居中排列其中的内容。需要结束标记。
yTyNI @9E.q
19、[code] < CITE
CLASS=classname
ID=value H%G-md s*Tf C7J
LANG=language d-lb6E5i6dSc(B
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text *p E.@f \7TL[X
event = script kBAE p
>  [/code]说明：简要说明一个引用，内容用斜体显示。需要结束标记。 \6Tm E0k0c X8p
%Z(` V(yl:~"fR.a
20、[code] < CODE e,?W}*S:G+Wn
CLASS=classname 4j+lkva[^$YC
ID=value
LANG=language n6i"C6wc7s'L
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text I"E bH!f;l Wv,_
event = script
>  [/code]说明：以等宽字体显示一段代码。需要结束标记。

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

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

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

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

   [b]基本结构标志jq9or/g7s8C3MV
[/b]
   <HTML> ----------表示该文件为HTML文件
hbX#Qv1vG&E
   <HEAD> ----------包含文件的标题，使用的脚本，样式定义等(v3tV;Cnk
z"w3P:wy
   <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中}4^3kv4A;Dl2c

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

   <BODY> --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY> *{0NC L'[
|*t-YIKP(?0EM
   </HTML> ----------<HTML>的结束标志
0U#f*p/c7R!Js$MDnUH
   [b]其它主要标志    以下所有标志用在<BODY></BODY>中[/b] FN9c+YRAH y2du*n_

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

   <IMG SRC="…"> ----------显示图片标志，“…”为图片的地址
B?"C#h C"I \n`b[
   <BR> ----------换行标志

   <P> ----------分段标志2{a,y9_%m3`Zq1i
6N|y+\!k2\
   <B></B> ----------采用黑体字lD skt-{8[d

   <I></I> ----------采用斜体字

   <HR> ----------水平画线~ }$? \O
T-q8wuJ`N2CD
   <TABLE></TABLE> ----------定义表格，HTML中重要的标志
3i,k@ l-_ w
   <TR></TR> ----------定义表格的行，用在<TABLE></TABLE>中
!`!h%n tvj jD;[)f
   <TD></TD> ----------表格单元，用在<TR></TR>中o~t)\ITb|%_
i*G n4Rtd'@
   <FONT></FONT> ----------字体样式标志 lE](CUi
sswh.Ob:|$s
   [b]属性的用法：
[/b]0OP x#^;se
   [b]属性是用来修饰标志的，属性放在开始标志内。u^F1gD2q#~f
uu m*s4H J
   [/b]例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 Og JhY7zg1j

   [b]常用属性[/b]：对齐属性范围属性 OzKQz'N%{

   ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比对象宽度 BAFL-E$}
u6_k5r'g
   ALIGN=CENTER 居中 HEIGHT=象素值或百分比对象高度 Uo4rNuS

   ALIGN=RIGHT 右对齐色彩属性

   COLOR=#RRGGBB 前景色参考色彩对照表 K'Ltz2{

   BGCOLOR=#RRGGBB 背景色

页: [1]

捌玖网络工作室's Archiver

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

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