教你 HTML II 目录

[an error occurred while processing this directive]
造表格
<Font>
分隔视窗<frameset>
frame 内的特性
背景音乐

造表格
表格是每一个网页不可缺少的东西,首先我们要加入 <TABLE> 这个码,在
<TABLE> 这的标签内可以控制整个表格的长度和外框的粗幼。如下:

<TABLE width="300" border="1" cellspacing="2">

<TABLE> 标签内的属性
width="number/percentage" 控制表格的长度,可以用数字或比例
border="number" 控制外框的粗幼,用数字
cellspacing="number" 控制储存格的分隔距离
background="档名" 背景图像

附注:
1)如想看不到表格的外框,可把 border 设定为 0
2)如不加上 cellspacing 这项,浏览器会把它自动设定为 2

别以为做表格只须加上 <TABLE> 这个码那麽简单啊,完成馀下的码前,先要知道
表格的结构,在一个表格内可分为栏, 列和储存格的:

    |<-------栏------->|

列 >
储存格 储存格 储存格
储存格 储存格 储存格

首先在 <TABLE> 後加上 <td>,便可开一个新的储存格,然後是储存格的内容,然後再加上 </td> 来关闭储存格,如下:

<TABLE border="1">
<td>内容1</td>
<td>内容2</td>
</TABLE>

上面的码会造出以下的效果:

内容1 内容2

若想跳到下一列,便加上 <tr>,如下:

<TABLE border="1">
<td>内容1</td>
<td>内容2</td>
<tr>
<td>内容3</td>
<td>内容4</td>
<TABLE>

上面的码会造出以下的效果:

内容1 内容2
内容3 内容4

在 <td> 的标签内可以控制储存格内的东西是靠左/靠右/置中的

<td> 标签内的属性
水平 align="left/right/middle" 控制水平是靠左/靠右/置中
垂直 valign="top/middle/bottom" 控制垂直是靠上/置中/靠下
---- background="档名" 背景图像

<FONT>
<font> 这个码是用作控制文字的字型,大小,颜色的,我们只需在
<font> 的标签内加上一些属性便可。如下:

<font face="Arial" color="#00FF00" size="5">Good morning</font>

上面的码会造出以下的效果:
Good morning

<font> 标签内的属性
face="字型" 控制文字的字型
color="#xxxxxx" 控制文字的颜色
size="number" 控制文字的大小

分隔视窗

分隔视窗一 分隔视窗二

首先我们要加入 <FRAMESET cols=number,number> 或 <FRAMESET rows=number,number>,
前一个(<FRAMESET cols=number,number>)是把视窗左右的分隔,
而後一个(<FRAMESET rows=number,number>)是把视窗上下的分隔, cols= 或 rows= 後的可以是数字或比例,但通常我们会写成这样的:

<FRAMESET cols=120,*>

为何要用 * 呢??因为左面视窗的长度是 120 ,若想其馀的地方便全属右面
的视窗,便要加上 * 了。

在 <FRAMESET> 之後便要加上 <FRAME> 这个码,如我想一开始时左面的 frame 是 left.html,而右面的 frame 是 right.html 全部的码如下:

<FRAMESET cols=120,*>
<FRAME src="left.html">
<FRAME src="right.html">
</FRAMESET>

另外在 <FRAMESET> 的标签内可以控制其他的特性的:

<FRAMESET> 标签内的属性
framespacing="number" 控制两个 frame 之间的距离
frameborder="number" frame 的外框的粗幼
border="number" 外框的粗幼

附注:
1)如用 <FRAMESET>,便不要加上 <BODY> 这个码,所以整页的码如下:
<HTML>
<HEAD>
<TITLE>
网页的标题
</TITLE>
</HEAD>
<FRAMESET cols=120,* frameborder="0" framespacing="0" border="0">
<FRAME src="left.html">
<FRAME src="right.html">
</FRAMESET>

</HTML>

控制 frame 的特性
在 <FRAME> 的标签内可以控制 frame 的特性,如下:

<FRAME> 标签内的属性
noresize 苦想浏览者不可转变 frame 的 size 便加上此指令
scrolling="auto/no" 控制 frame 是可以或不可以卷动
name="名字" 给 frame 的名字,在往後是很有用的

另外,怎样造到如这个网页一样,当按下一个 frame 的连结时可改变另一
个 frame 的内容呢??首先我们必须起两个不同的名字给两个frame,如下:

<FRAME name="left">
<FRAME name="right">

例如我们想左面 frame 内的连结能改变右面 frame 的内容,我们便在连
结的标签内加上 target="right",如下:

<A href="index.html" target="right">Go to index</A>

背景音乐
如要加入背景音乐,只要在 <HEAD> 和 </HEAD> 之间加入以下 <bgsound>的码:
<bgsound src="music.mid" loop="1">

<bgsound> 标签内的属性
src="音乐档名" 设定播放的背景音乐
loop="number" 重播的次数,如想不断播放便设成 infinite