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

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

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

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

这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。 vK#h2J)nnjE/B2fv
1、[code] [/code]说明：注释标记，在“”之间的内容将不在浏览器中显示。
2、[code]<!DOCTYPE>  [/code]说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。 1v"qKr,x6j$K Vg
3、[code] <A
ACCESSKEY=key
CLASS=classname l!I8IQ%KrV9j
DATAFLD=colname 4Yo|lq/w|pV
DATASRC=#ID ~H5rQ+g'g9L']
HREF=url $hE+BMUx
ID=value 1x#I,J+T6d@EG,~W
LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
METHODS=http-method Aa#^7g$}w
NAME=name
REL="stylesheet"
REV="stylesheet"
STYLE=css1-properties :GiR+@:G hfw
TABINDEX=n
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text
URN=urn z9r]!H)X ~
event = script
>  [/code]说明：描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。
4、[code] <ACRONYM
CLASS=classname
ID=value
LANG=language 4l-Jhr)\*q#C&D
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 6ZeL?H0sMeh
STYLE=css1-properties
TITLE=text
event = script .z0FJ0LDg2H/v
> [/code]说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记
5、[code] <ADDRESS )l|hp]"l%f
CLASS=classname
ID=value k HE7s.~m(}V%U
LANG=language Q W[s4J#Vd o
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event= script
>  [/code]说明：常用于描述地址、签名和作者信息。需要结束标记。 r#_2J(ka{o:tq"G
6、[code] <APPLET WZ\DK Ru%tt
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |
RIGHT | TEXTTOP | TOP [&M'O@q1Nm^
ALT=text
CLASS=classname
CODE=filename  l3AIC'zIW*x1n
d,D~%p?C,m W
CODEBASE=url ;dM9ySduU
DATAFLD=colname
DATASRC=#ID 1bKu&Z%J7};f7m
HEIGHT=n u.fYF9B:AO#|
HSPACE=n
ID=value
NAME=name ;S V t,c8S+AB!B&?3k"G
SRC=url \T/o:C{f5u
STYLE=css1-properties &M6QP`&Mz!O1}S
TITLE=text
VSPACE=n D-@;I2u9X'Vd^
WIDTH=n F!ns+vn1\
event = script e @4wi*NB-A t0P
>[/code]说明：在页面中放置可执行的内容。需要结束标记。
7、[code] <AREA G W-UMn/?)^
ALT=text &|XT"j.Gq
CLASS=classname m^K;~;O6fr6[
COORDS=coordinates
HREF=url
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
NOHREF rlBo1g}Lt
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE
STYLE=css1-properties
TABINDEX=n |!P1G)XO"v,K
TARGET=window_name | _blank | _parent | _self | _top  "c{[V"MG#|
TITLE=text aq`hZ2d#[kw
event = script
>[/code]说明：在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。
Rv1f5D$Zl9?lsa)_[
8、[code] <B
CLASS=classname
ID=value Pb&c3f_3R
LANG=language *b.bT ~XBn'Fg
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties *vtnd[
TITLE=text
event = script 3r?Xq#j%`#p
>  [/code]说明：将文本以粗体显示。需要结束标记。)WO'S/avQ*~&Oe:\
njB:Tm5|,Z-S
9、[code]<BASE
HREF=url _rR'aD]d)i
TARGET=window_name | _blank | _parent | _self | _top  (wd1u9Fx YB[
>  [/code]说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。
Y| u&\JQ
10、[code] <BASEFONT
CLASS=classname
COLOR=color
FACE=font #X0]5Gl,] B v D#J s
ID=value
LANG=language z a6s3Kg3@E
SIZE=n Ilm`7O@S8t
>  [/code]说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。
&L:^ \;{ `J&`9]1Z
11、[code] < BGSOUND %j!os jg
BALANCE=n +l;Vd2wE?G_
CLASS=classname +qW;f EpY
ID=value 3r0L7k,s"zd!B:Z Z
LANG=language F)LO9}Z7M%f1^
LOOP=n
SRC=url seL2o3d%t [(~#i
TITLE=text kHY3vIt3N;J{
VOLUME=n r}TP{O2t
>  [/code]说明：在页面中加入背景音乐。可使用在HEAD标记中，结束标记可选。  aNI Y [A zX3`
;s]{ }m)l
12、[code] < BIG Pv],G'g'e3?E
CLASS=classname
ID=value v+Z-xz'TKZ%z$k d
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties )sL[&Kw
TITLE=text
event = script
>  [/code]说明：以比当前所用字体稍大的字体显示文本。需要结束标记。4Y ` HB0v$t
%^a^ z,V%|&IL
13、[code] < BLOCKQUOTE ;[6X)JZ"n0n0z` T
CLASS=classname
ID=value 5Q.dPTa!@q5Tg
LANG=language 'Z1zJ }b
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script %i(W|&l#Y6^&sR
>  [/code]说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。!rF^6D*o {uU
M"r tcR1IM9i
14、[code] < BODY o5g6K(rAh0MU
ALINK=color k8q0N;k"S v5S]#m
BACKGROUND=url 5XZ'j]J5C.CVs
BGCOLOR=color
BGPROPERTIES=FIXED
BOTTOMMARGIN=pixels ;@ OW.Rt}J6_a&a
CLASS=classname
ID=value 4N]Pg%y*m)d_nlC
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
LEFTMARGIN=pixels :i,mS!sfP
LINK=color
RIGHTMARGIN=pixels &j }0}tdBq
SCROLL=YES|NO  u{wI x:_[(aJ
STYLE=css1-properties I8z2R0v$J4r5I O3N+{
TEXT=color
TITLE=string R.f{%B4T
TOPMARGIN=n
VLINK=color
event = script
>  [/code]说明：描述文档主体的开始和结束。需要结束标记。

15、[code] < BR
CLASS=classname
CLEAR=ALL |LEFT | RIGHT z3W,xH6G+re
ID=value
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS )Ib"w{V4gC!EZ
STYLE=css1-properties j+O(n:g j{#SGNc
TITLE=text
>  [/code]说明：换行标记。 M1i I4R-e!W0y

16、[code] < BUTTON gh(fv(h u
ACCESSKEY=string O)\#I-ybF$Sp7EY
CLASS=classname
DATAFLD=colname u6Vv x1X,{Wh'kk8S
DATAFORMATAS=HTML | TEXT
DATASRC=#ID  a ?0oEj*O

DISABLED
ID=value 5jgbQD
LANG=language !wTKooo0r3cCN
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties  8rv[mU
TITLE=text
TYPE=BUTTON | RESET | SUBMIT o$hh_&J+m
event = script $Aq(]'H d U
>  [/code]说明：设置一个按钮。需要结束标记。3Q nCPz/m0R-k}:RC
:Q@*dgr{/[
17、[code] < CAPTION }h]?7IbQ5Q
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP
CLASS=classname 3a*c^e#HaO `pX\
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 7}Z,TvF5MJ'tF#K
STYLE=css1-properties  IM:H P$^
TITLE=text HDm&RM8yf,tEe
VALIGN=BOTTOM | TOP
event = script
>  [/code]说明：给TABLE加一个标题。需要结束标记。 'Z%Y`-zH,nAV.a#XH
gJ+v,K0|/Ww(jgP
18、[code] < CENTER ,^+EWu(S1O%y
CLASS=classname 3{^_"}$]0wN%kb6|
ID=value [YbrGw&EMs5j
LANG=language g7z(Y;|Hi;k
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text -^Ah:~PY;t5D
event = script J+Ass/UG9G
>  [/code]说明：居中排列其中的内容。需要结束标记。

19、[code] < CITE
CLASS=classname %k!Wb:O4p/ef
ID=value
LANG=language 6mo9~}5Hy/F
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS .L^3rTCs'?9T @!T
STYLE=css1-properties Q$Y$f(a?Hy
TITLE=text :M%tZBeq1C-e(yyb%|
event = script
>  [/code]说明：简要说明一个引用，内容用斜体显示。需要结束标记。

20、[code] < CODE
CLASS=classname bb$~aaA
ID=value z6S}N9RYxyo
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS mO2L0b`
STYLE=css1-properties sQ;n ?8~2[f#?l
TITLE=text
event = script
>  [/code]说明：以等宽字体显示一段代码。需要结束标记。P)M/C.us3C&M?y

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

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

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

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

   [b]基本结构标志+N} `S_W~N8aL$U
[/b]
   <HTML> ----------表示该文件为HTML文件;qA7u1Q!N9o,Y/g+gC+h
}:ElB`kvz
   <HEAD> ----------包含文件的标题，使用的脚本，样式定义等.FV1l1^Ps E}4h

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

   <HEAD> ----------</HEAD>的结束标志
&U'V7s'Qx;A.F,}(lZd-c
   <BODY> --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>

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

   [b]其它主要标志    以下所有标志用在<BODY></BODY>中[/b]

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

   <IMG SRC="…"> ----------显示图片标志，“…”为图片的地址1})I@r`;|%P

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

   <P> ----------分段标志!c+pG2x4ALb}9s

   <B></B> ----------采用黑体字zE1t%N b@!?
^2yCT0m8f7q
   <I></I> ----------采用斜体字

   <HR> ----------水平画线
R&O9T9a"@zWV
   <TABLE></TABLE> ----------定义表格，HTML中重要的标志

   <TR></TR> ----------定义表格的行，用在<TABLE></TABLE>中
'ilr6D9vG\7{ u*j-}
   <TD></TD> ----------表格单元，用在<TR></TR>中&b&p`_*q%A_4ZQn
r+L2S1f3])y,fS
   <FONT></FONT> ----------字体样式标志 3v_(Db2tl/gu
O;rKf` D`Y
   [b]属性的用法：
[/b]k;~+Xd;_G5a[
   [b]属性是用来修饰标志的，属性放在开始标志内。

   [/b]例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 mJE nv.H?)emc

   [b]常用属性[/b]：对齐属性范围属性

   ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比对象宽度 LC!M?,`
.v2Z3r7g?m/y
   ALIGN=CENTER 居中 HEIGHT=象素值或百分比对象高度

   ALIGN=RIGHT 右对齐色彩属性

   COLOR=#RRGGBB 前景色参考色彩对照表 b0NAVl@0S`
h.V;hl4z`
   BGCOLOR=#RRGGBB 背景色

页: [1]

捌玖网络工作室's Archiver

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

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