HTML指令 入门 c6 f=r
a+-X\qN
结构 !^Ly#$-X
6@rebe!&=
<html> YK{E=<:
<head> l-v(~u7
<title>标题<title> (GCe D-
</head> e>zv+9'Q
<body>..........文件内容.......... eb` !
</body> Rfx}[!<{N
</html> c>$PLO^
n%R l$
{0(:5%
---------------------------------------------- )'1rZb5
1H-d<G0)
标题 n)<S5P?
ELvP<Ny}
1.文件标题 Hxr)`i46
<title>..........</title> Z[Z3x6
6
2.文件更新--<meta> q,Nhfo(
【1】10秒后自动更新一次
/N8>>g
<meta http-equiv="refresh" content=10>
t@#l0lu$
【2】10秒後自动连结到另一文件 gs:V4$(p4
<meta http-equiv="refresh" content="10;URL=欲连结文件之URL"> 4Ou5Vp&y
3.查询用表单--<isindex> QjIn0MJ)Xm
若欲设定查询栏位前的提示文字: @CB&*VoB
<isindex prompt="提示文字"> r3}Q1b&
4.预设的基准路径--<base> \3hj/
<base href="放置文件的主机之URL"> rYKGBo8"
W'xJh0o
#Fwf]{J
ob_*fP
1;E^3j$
版面 c e\|eN[
llE_-M2gH
1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字 P}re"<MD
2.字体变化 <font>..........</font> L|`(u
【1】字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大 x
&
ZW
f?
【2】指定字型 <font face="字型名称">..........</font> w=Yc(Y:h
【3】文字颜色 <font color=#rrggbb>..........</font> rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码 uE=pq<
3.显示小字体 <small>..........</small> `zP{E T_Y
4.显示大字体 <big>..........</big> Chs#}=gzi
5.粗体字 <b>..........</b> xX:N-
6.斜体字 <i>..........</i> q}+Fm?B
7.打字机字体 <tt>..........</tt> =jWjUkm2
8.底线 <u>..........</u> nYb{?{_ca8
9.删除线 <strike>..........</strike> dRGgiQO
10.下标字 <sub>..........</sub> v1`*}.#
11.上标字 <sup>..........</sup> n85d
g
12.文字闪烁效果 <blink>..........</blink> JFOXrRR=d
13.换行 <br> |Bhj L,
14.分段 <p> 05ZF>`g*
15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之後的文字都会以所设的对齐方式显示, 直到出现另一个<p align="#">改变其对齐方向,或遇到 <hr>ⅱ<h#>标签时会自动设回预设的向左对齐。 8WP|cF]
16.分隔线 <hr> 6>d0i
S@R
【1】分隔线的粗细 <hr size=点数> #wS/QrRE
【2】分隔线的宽度 <hr size=点数或百分比> uLq%Nu
【3】分隔线对齐方向 <hr align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 S2\|bs7;J,
【4】分隔线的颜色 <hr color=#rrggbb> %2ZWSQD
【5】实心分隔线 <hr noshade> [h0.k"&[
17.向中对齐 <center>..........</center> Pw|J([
18.依原始样式显示 <pre>..........</pre> y?-zQs0
19.<body>指令的属性 N ]|P||fC
【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb> %NH{%K,
【2】背景图案 -- background <body background="图形文件名"> l\DcXgD
x
【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed> xV\mS+#
【4】文件内容文字的颜色 -- text <body text=#rrggbb> 6 mml96(
【5】超连结文字颜色 -- link <body link=#rrggbb> c?t,,\o(}
【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb> x!`~+f.6
【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb> 2'-!9!C
T$pBgS>
L3J .Oh
1.插入图片 <img src="图形文件名"> r"hogmFD;
2.设定图框 -- border <img src="图形文件名" border=点数> }1BpIqee
3.设定图形大小 -- widthⅱheight <img src="图形文件名" width=宽度点数 height=高度点数> [9H986=
4.设定图形上下左右留空 -- vspaceⅱhspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数> d8Sr,t+
5.图形附注 <img src="图形文件名" alt="说明文字"> ]b&O#D9
6.预载图片 ;56mkP
<img src="高解析度图形文件名" lowsrc="低解析度图形文件名"> P.S.两个图的图形大小最好一致 0ME.O+
7.影像地图(Image Map) <img src="图形文件名" usemap="#图的名称"> <map name="图的名称"> %SC%#_7
<area shape=形状 coords=区域座标列表 href="连结点之URL"> sIz*r Gz
<area shape=形状 coords=区域座标列表 href="连结点之URL"> :YUQKy
<area shape=形状 coords=区域座标列表 href="连结点之URL"> tg"NWp6
<area shape=形状 coords=区域座标列表 href="连结点之URL"> </map> Z[%vO?,
【1】定义形状 -- shape yk0#byW`
shape=rect:矩形 shape=circle:圆形 shape=poly:多边形 ;hZ^zL
【2】定义区域 -- coords ,b'QL6>`
a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标 )2&y;{]
例:<area shape=rect coords=100,50,200,75 href="URL"> %|o2d&i
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度 ~&%&Z
例:<area shape=circle coords=85,155,30 href="URL"> LEJn
1
c.任意图形(多边形):将图形之每一转折点座标依序填入 8-geBlCE,
例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"