HTML指令 入门 r _{)?B
f>.`xC{
结构 v)wY
&\CJg'D:m
<html> 6:e}v'q{
<head> z_5rAlnwT.
<title>标题<title> WV5r$
</head> ]Om'naD
<body>..........文件内容.......... ahK?]:&QO
</body> BYhmJC|
</html> -6.i\
B
N`
@W%
=*@MQ
---------------------------------------------- $%N;d>[U,
3sd{AkD^
标题 9Ba%=
JNU"5sB
1.文件标题 [,.[gWA
<title>..........</title> a>-}\GXTA
2.文件更新--<meta> My'9S2Y8nv
【1】10秒后自动更新一次 ^K1~eb*K
<meta http-equiv="refresh" content=10> `</=AY>
【2】10秒後自动连结到另一文件 C}dKbs^g|
<meta http-equiv="refresh" content="10;URL=欲连结文件之URL"> _stI?fz*4k
3.查询用表单--<isindex> G_4K+
-K
若欲设定查询栏位前的提示文字: #"3[f@|e
<isindex prompt="提示文字"> a>;3
j
4.预设的基准路径--<base> +xoyKP!
<base href="放置文件的主机之URL"> 1Xk{(G<\
ej)BR'*
FF~on06!
OX#eLco
o(v"?Y 6
版面 C}M0XW
u&?yPR
1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字 b<29wL1
2.字体变化 <font>..........</font> F``EARG)iu
【1】字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大 /6i Tq^.%
【2】指定字型 <font face="字型名称">..........</font> Mm:a+T
【3】文字颜色 <font color=#rrggbb>..........</font> rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码 2
3.显示小字体 <small>..........</small> Y&1!Z*OL;
4.显示大字体 <big>..........</big> @'k,\$ /
5.粗体字 <b>..........</b> rw40<SS"Z
6.斜体字 <i>..........</i> v%69]a-T
7.打字机字体 <tt>..........</tt> e{qp!N1!
8.底线 <u>..........</u> .P|+oYT&g
9.删除线 <strike>..........</strike> 7$Z)fkx.
10.下标字 <sub>..........</sub> T2/v}
11.上标字 <sup>..........</sup> t
wa(M?
12.文字闪烁效果 <blink>..........</blink> XC+F! R
13.换行 <br> {y+v-v/#
14.分段 <p> #'G7mAoA
15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之後的文字都会以所设的对齐方式显示, 直到出现另一个<p align="#">改变其对齐方向,或遇到 <hr>ⅱ<h#>标签时会自动设回预设的向左对齐。 2yi*eR
16.分隔线 <hr> &k%wOz1vM
【1】分隔线的粗细 <hr size=点数> 2ZTyo7P
【2】分隔线的宽度 <hr size=点数或百分比> #Of<1
【3】分隔线对齐方向 <hr align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 5~ *'>y
【4】分隔线的颜色 <hr color=#rrggbb> ^>vO5Ho.
【5】实心分隔线 <hr noshade> h^[ppc{Z
17.向中对齐 <center>..........</center> <.?^LT
18.依原始样式显示 <pre>..........</pre> 9:}RlL+cOk
19.<body>指令的属性 kcma/d
【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb> 8`rAE_n`%
【2】背景图案 -- background <body background="图形文件名"> i no7!T`
【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed> 5sA>O2Rt>
【4】文件内容文字的颜色 -- text <body text=#rrggbb> `0n 7Cyed
【5】超连结文字颜色 -- link <body link=#rrggbb> ]6i_d
【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb> Wj
【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb> ^)%wq@Hi
#Kb)>gzT
I2Or&
_
1.插入图片 <img src="图形文件名"> 7DHT)9lD/
2.设定图框 -- border <img src="图形文件名" border=点数> qI4R`P"
3.设定图形大小 -- widthⅱheight <img src="图形文件名" width=宽度点数 height=高度点数> RJ`/qXL
4.设定图形上下左右留空 -- vspaceⅱhspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数> ]ukj]m/@
5.图形附注 <img src="图形文件名" alt="说明文字"> JJbM)B@-
6.预载图片 :`Zl\!]E`o
<img src="高解析度图形文件名" lowsrc="低解析度图形文件名"> P.S.两个图的图形大小最好一致 $+)x)1
7.影像地图(Image Map) <img src="图形文件名" usemap="#图的名称"> <map name="图的名称"> am$-sh72
<area shape=形状 coords=区域座标列表 href="连结点之URL"> =`7)X\i@z
<area shape=形状 coords=区域座标列表 href="连结点之URL"> C7fi1~
<area shape=形状 coords=区域座标列表 href="连结点之URL"> !kHyLEV
<area shape=形状 coords=区域座标列表 href="连结点之URL"> </map> ,pGCgOG#}c
【1】定义形状 -- shape u6bB5(s`&
shape=rect:矩形 shape=circle:圆形 shape=poly:多边形 s6eq?1l3
【2】定义区域 -- coords nHhD<a!
a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标 RL]lt0O{
例:<area shape=rect coords=100,50,200,75 href="URL"> .@/z-OgXg
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度 Vqv2F @.
例:<area shape=circle coords=85,155,30 href="URL"> DY+8m8!4H
c.任意图形(多边形):将图形之每一转折点座标依序填入 CB{k;H
例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"