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

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

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

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

这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。
1、[code] [/code]说明：注释标记，在“”之间的内容将不在浏览器中显示。
2、[code]<!DOCTYPE>  [/code]说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。 0y5lo4B:wDE
3、[code] <A `V2Y+zK a
ACCESSKEY=key T E%X6o3h'gmg[A}
CLASS=classname OA!noyBu!E4h P/@
DATAFLD=colname
DATASRC=#ID .q t.?\b
HREF=url *~@7g,wL,d
ID=value G0ua#g6L;`"P/pCl
LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
METHODS=http-method
NAME=name &Dl#csv-E;_Yd,c
REL="stylesheet" Oa Pv|6Y5z8G
REV="stylesheet"
STYLE=css1-properties
TABINDEX=n am#g"kl:u1gai
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text l!\'e!} Xn3V{
URN=urn ;B8E^VO-v(I
event = script "J3U1s o2k5ALJf1A
>  [/code]说明：描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。
4、[code] <ACRONYM
CLASS=classname
ID=value (dg'uK'MM7]
LANG=language "@3T&]3q9Ek
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties \ lH"A~ r'\?qL
TITLE=text !W9L/j*n:V P3sQW3w
event = script b[F%J JZ-j\
> [/code]说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记
5、[code] <ADDRESS
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS -C{`hw
STYLE=css1-properties
TITLE=text "h+PG8R.pa
event= script
>  [/code]说明：常用于描述地址、签名和作者信息。需要结束标记。
6、[code] <APPLET
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |
RIGHT | TEXTTOP | TOP
ALT=text
CLASS=classname
CODE=filename  ;cdDaDW}
#N~PIbyd7k5lT
CODEBASE=url
DATAFLD=colname ?v Th#chpzZ4|
DATASRC=#ID /p2tQI7`
HEIGHT=n }'abQr+Y{2}-?
HSPACE=n
ID=value
NAME=name b.h WanTUm9}
SRC=url 1{Ll%F9t xt9f
STYLE=css1-properties x` n/d Bu
TITLE=text 3[l(I5lX!~&l
VSPACE=n
WIDTH=n
event = script #UhM$t)tm
>[/code]说明：在页面中放置可执行的内容。需要结束标记。
7、[code] <AREA Dmhu;^I4^
ALT=text 2bD C&Ce8y(]7I"\*O
CLASS=classname +o?!HDyk
COORDS=coordinates ]^C$m1?R^3A
HREF=url
ID=value $s,H8p8TNA
LANG=language #z&Ig PM7I{dN p
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
NOHREF
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE l.R;l)Jx)P8B
STYLE=css1-properties
TABINDEX=n Bx-Hl'e]9c
TARGET=window_name | _blank | _parent | _self | _top  c9O0s)p3Va
TITLE=text
event = script
>[/code]说明：在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。

8、[code] <B
CLASS=classname
ID=value
LANG=language .Ml+}-Hy#a
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 'RW$d/CQa
STYLE=css1-properties
TITLE=text :G(P"hs0|Ty\
event = script &P2x8eRU_/t
>  [/code]说明：将文本以粗体显示。需要结束标记。;z4wI ?S[F
k M~ h&r$rASrv
9、[code]<BASE I+C2sL%~Z
HREF=url 6^!yb4L]o
TARGET=window_name | _blank | _parent | _self | _top  [k/m#f9F+}
>  [/code]说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。
3R+Nr/mO-Yk;W,Q
10、[code] <BASEFONT -@8WW#D2CpR
CLASS=classname $gB4y(o[Z EW
COLOR=color
FACE=font
ID=value mQ$w/A5Eu\*YSCO
LANG=language 'G:z:u])y0U
SIZE=n
>  [/code]说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。

11、[code] < BGSOUND C$I#a5g\1T8fOqZ
BALANCE=n
CLASS=classname h7No s(]
ID=value [`\3H1O!{h
LANG=language t`8`(m7c?
LOOP=n
SRC=url j+MC$k `Xp-_B
TITLE=text
VOLUME=n
>  [/code]说明：在页面中加入背景音乐。可使用在HEAD标记中，结束标记可选。
n"~vYZ
12、[code] < BIG
CLASS=classname
ID=value U.kG9K{5~F0}4A
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS :Y%x:Agk)^I~
STYLE=css1-properties F1})@~uJ7`
TITLE=text WES,cAt
event = script @0Y IYgVvVN
>  [/code]说明：以比当前所用字体稍大的字体显示文本。需要结束标记。

13、[code] < BLOCKQUOTE 0RS8xGb t
CLASS=classname 3AF!F5q!`a-S!{3DX9_
ID=value o5Zl&pN{9wmf
LANG=language y-?fU ~*E%_ }
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 4g4n] lhD t0[
STYLE=css1-properties
TITLE=text P%dh]1Y4H7e0P
event = script 4LsY(Js4Di ]
>  [/code]说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。_dwl0h7RW

14、[code] < BODY pZVpi
ALINK=color F)?0J/_ K
BACKGROUND=url
BGCOLOR=color %X!y4g ~stZ
BGPROPERTIES=FIXED
BOTTOMMARGIN=pixels
CLASS=classname ?q/m!i;d~
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS &lC9`t"Y K"B~
LEFTMARGIN=pixels ;`/f^"g$w2{'SD*a^
LINK=color ,nV*L0F? mx#]
RIGHTMARGIN=pixels R:j,K&Ai)d
SCROLL=YES|NO  5D6jhX$A%Zr x
STYLE=css1-properties #\3V:I)Hn
TEXT=color "Eo6q!r8{_
TITLE=string 4O6F nD:H*[%G3WF_
TOPMARGIN=n
VLINK=color
event = script k&u @|&eE(`6Rt
>  [/code]说明：描述文档主体的开始和结束。需要结束标记。  ~#iCM"Jn`ooBNL;J
V%w)T+oF8b@:Ojq
15、[code] < BR
CLASS=classname
CLEAR=ALL |LEFT | RIGHT
ID=value V2y)Dvh_T@)Z
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties (C9]\ K)|*p
TITLE=text Gj4Xv4ZO
>  [/code]说明：换行标记。
l}lm~Ou/W/s2R
16、[code] < BUTTON
ACCESSKEY=string
CLASS=classname 3u7Z.@`$A~l5i
DATAFLD=colname
DATAFORMATAS=HTML | TEXT
DATASRC=#ID
o8w6N]^#r.Q3wm
DISABLED
ID=value @FXGFV#u|
LANG=language u)K`4d)mL&LTc E
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS Vdi5](d$]2^O;W w
STYLE=css1-properties
TITLE=text qf!d N-\o
TYPE=BUTTON | RESET | SUBMIT #cmH3nK-s
event = script \h1Q7eiO[Na*_D
>  [/code]说明：设置一个按钮。需要结束标记。:Y%D'H|Q3PU8m,[

17、[code] < CAPTION
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP /XAr } v/Bg)e
CLASS=classname 7Oa IpF9f;~}1os
ID=value Xiv*S.?&d}^E
LANG=language f!g2x2z};}(ULNWj
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 8FlbDC!dWR
STYLE=css1-properties
TITLE=text Rv Iu zq"Ui0c
VALIGN=BOTTOM | TOP
event = script |Hw1X'jik!\9W t^
>  [/code]说明：给TABLE加一个标题。需要结束标记。
G`9J8[.L3f @T
18、[code] < CENTER
CLASS=classname
ID=value 3U3pr:^X va'V&|
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>  [/code]说明：居中排列其中的内容。需要结束标记。7gJ7n'WOo5G
xU#`v.gZ%U
19、[code] < CITE 4^ Q&\+P~
CLASS=classname
ID=value eAgN?&J E Q
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS $IG#rM3{de
STYLE=css1-properties CnG d3y6S
TITLE=text
event = script
>  [/code]说明：简要说明一个引用，内容用斜体显示。需要结束标记。 *A d3KfR"Ca(r

20、[code] < CODE
CLASS=classname
ID=value
LANG=language 9b0xE`uw7t
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties *Uza])@L
TITLE=text yryv/a;`3g l,r
event = script
>  [/code]说明：以等宽字体显示一段代码。需要结束标记。O$aW$w|9e}

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

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

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

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

   [b]基本结构标志
[/b]7I/zu+H w,^G+B
   <HTML> ----------表示该文件为HTML文件ll,A(a+w
Ap [DL'j.L9s
   <HEAD> ----------包含文件的标题，使用的脚本，样式定义等m;BtiPa*Md

   <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中"sy%Z3?k2Q%v[b

   <HEAD> ----------</HEAD>的结束标志 m f!`I.B$l
WbY N3i
   <BODY> --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY> TC#NTV)vF

   </HTML> ----------<HTML>的结束标志 }?q_B cs-{%J
dPZ,|7m
   [b]其它主要标志    以下所有标志用在<BODY></BODY>中[/b] #dj&{"vP@#IiA6P D

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

   <IMG SRC="…"> ----------显示图片标志，“…”为图片的地址{:bxS6H
s0B`T3G&c?ygd
   <BR> ----------换行标志
g*yq6v,IC
   <P> ----------分段标志

   <B></B> ----------采用黑体字4@i}nIb2U
:_r#_U&O `9EK0T
   <I></I> ----------采用斜体字ow_"e6^?o_v

   <HR> ----------水平画线%H0hA"YU;@-a'O/N2m
7W g0_ V&V
   <TABLE></TABLE> ----------定义表格，HTML中重要的标志

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

   <TD></TD> ----------表格单元，用在<TR></TR>中)m8z`0X J ~D
!M{i*N'c BO{
   <FONT></FONT> ----------字体样式标志

   [b]属性的用法：s$c.| r%z l d R'W
[/b] x5H7j;S!p-A9@
   [b]属性是用来修饰标志的，属性放在开始标志内。Ju1qv.C9`Z U c,a
Q_8Yr9q-aaA7_/n
   [/b]例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 Z4i'sN/s.g&LhH

   [b]常用属性[/b]：对齐属性范围属性 s[.]G;xjd
6GO3p X,W
   ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比对象宽度

   ALIGN=CENTER 居中 HEIGHT=象素值或百分比对象高度 9b_'F@,w'|9A,XLw

   ALIGN=RIGHT 右对齐色彩属性 ?w Qo-w{
R$M"li6N4h;V6dQ
   COLOR=#RRGGBB 前景色参考色彩对照表 0@'HMhQ
-L{|Y6?(KoJN
   BGCOLOR=#RRGGBB 背景色

页: [1]

捌玖网络工作室's Archiver

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

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