四、表格 (Table)
1. 表格的基本形式
表由 <table> 开始， </table> 结束，表的内容由 <tr>,<th> 和 <td> 定义。
l <tr> 说明表的一个行，表有多少行就有多少个 <tr> ；
l <th> 说明表的列数和相应栏目的名称（列标题），有多少栏就有多少个 <th> ；
l <td> 则填充由 <tr> 和 <th> 组成的表格；
l border 属性：说明是否用边框。
下面是有表格线的表。
例：带有列标题的表格：
<TABLE BORDER>
<TR>
<TH> 姓名 </TH><TH> 性别 </TH><TH> 毕业学校 </TH>
<TR><TD> 张飞 </TD><TD> 男 </TD><TD> 自学成才 ></TD>
</TABLE>
2.有通栏的表
A 、有横向通栏的表
<th Colspan=#> # 代表通栏占据的栏 ( 列 ) 数。
例：跨多列的表
<table border="1" width="100%" cellspacing="1">
<tr>
<td colspan="3"><b><font color="red"> 三国英豪</font> </td>
</tr>
<tr>
<td> 姓名 </td>
<td> 性别 </td>
<td> 毕业学校 </td>
</tr>
<tr>
<td> 张飞 </td>
<td> 男 </td>
<td> 自学成才 </td>
</tr>
<tr>
<td> 刘备 </td>
<td> 男 </td>
<td> 皇家武校 </td>
</tr>
<tr>
<td> 关羽 </td>
<td> 男 </td>
<td> 不祥 </td>
</tr>
</table>
B 、有纵向通栏的表
<th Rowspan=#> # 表示通栏占据的行数 , 应小于表的行数。
有纵向通栏的表，每一行必须用 </tr> 明确给出一横向栏目结束 , 这是和表的基本形式不同的。
<table border>
<tr><th rowspan=3> Morning Menu</th><th>Food</th> <td>A</td> </tr>
<tr><th>Drink</th> <td>B</td> </tr>
<tr><th>Sweet</th> <td>C</td> </tr>
</table>
2. 表的尺寸，边框宽度，表格间距
A ． 表的尺寸
width=# ，表宽， height=# ，表高 , # 是以象素为单位的整数
例：表格尺寸设置：
<table border width=170 height=100>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
B 、边框宽度
border=# ， # 为宽度值，单位是象素。
例：边框尺寸设置：
<table border=10>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
C 、表格单元的间距
cellspacing=# ， # 的单位是象素，
例：将表格间距定义为 10 个象素，它看起来象用很粗的线划分的表格。
例：
<table border cellspacing=10>
<tr><th>Food</th><th>Drink</th> <th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
3. 表中文本的输出
A 、文本与表框的距离
cellpadding=# 。 # 的单位是象素
例：使表的内容与表框离开 10 个象素。
<table border cellpadding=10>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
B 、文本 ( 左右 ) 输出的位置
表格单元的宽度大于其中的文本宽度时，文本（左右）输出位置
align=# ， # 为
left 左对齐
center 居中
right 右对齐
align 属性可修饰 <tr>,<th> 和 <td> 链接签。
例：
<table border width=300>
<tr>
<th align=left>Food</th><th>Drink</th><th>Sweet</th>
<tr>
<td align=left>A</td><td align=center>B</td><td align=right> C</td>
</table>
图：
C 、文本 ( 上下 ) 输出的位置
表格高度大于其中文本的高度时，用 valign=# 说明文本上下的位置。 # 为：
Top 上对齐
middle, 居中
bottom, 下对齐
baseline 文本基线与表格中线对齐
特别注意的是 baseline 对齐方式，文本出现在网格的上方而不是相象中的下半部。
valign 可修饰 <tr>,<th>,<td> 。
例：
<table border height=100>
<tr>
<th>Food</th><th>Drink</th>
<th>Sweet</th><th>Other</th>
<tr>
<td valign=Top>A</td>
<td valign=middle>B</td>
<td valign=bottom>C</td>
<td valign=baseline>D</td>
</table>
4. 表格颜色
表格的颜色用 bgcolor=# 指定。 # 是 16 进制的 6 位数，格式为 rrggbb ，分别表示红、绿、兰三色的分量。或者是已定义好的颜色名称，参见文本颜色。
<table border>
<tr><th bgcolor=000000>
<Font color=ffffff>Food</Font></th>
<th bgcolor=white>Drink</th>
<tr>
<td bgcolor=olive>A</td><td>B</td>
</table>
如图： 注 000000 为黑色， FFFFFF 白色 ， olive 橄榄绿
五、超文本链接(这个部分没有截图，请自己试验）
超文本链接是 html 最吸引人的优点之一。使用超文本链接指针可以使顺序存放的文件具有一定程度
上随机访问的能力，更加符合人类的思维方式。
在本节，我们将要学习以下的知识：
创建文件内部的超文本链接
创建到其它内部文件和外部文件的超文本链接
1. 统一资源定位器 URL
统一资源定位器 URL (Uniform Resource Locator) 是文件名的扩展。
URL 构成： protocol://Machine.name[:Port] ／ Directory ／ filename
Protocol: 访问该资源所采用的协议，即访问该资源的方法，它可以是 http 超文本传输协议，
也可以是 ftp 文件传输协议，还可以使 file 、 news 等其它协议。
Machine.name: 访问该资源主机的 IP 地址或域名 , 通常以字符形式的域名出现 , 如 www.rwstar.com . 。
[:Port] 该资源主机 ( 服务器 ) 所使用的端口号。一般情况下默认为 80 ，
只有当服务器所使用的端口号不是默认的端口号时才需写 出。
Directory/Filename: 是该资源所在主机（服务器）上的路径和文件名。
一个典型的 URL 为 :http://www.xfocus.com/index.php 。它表示安全焦点Web服务器上 的首页文件。
2. A 标记
链接主要通过 A 标记来实现。 A 标记可支持较多的属性，其中最重要的是 Href 和 Name 属性。
l href 属性 （ Hypertext Reference 的缩写）
如果 A 标签中包含 Href 属性，则该标签的起始标记和结束标记之间的文本就变成了超文本 (Hypertext)
它是要访问（链接）资源的名称，在浏览器中，超文本通常会以不同颜色并带下划线的字符显示。
基本格式 <a Href = "Url" > 要访问（链接）资源的名称 </a>
( 注意引号 )
href 属性中的统一资源定位器 (url) 是指向的要访问资源的路径，随后的“字符串”在 html 文件中充当
指针的角色。当用鼠标点击这个字符串时，浏览器将会通过网络，沿 Url 指定的路径发出页面的请求，
并将解释执行返回的页面。
例： <a href=”http://www.163.com”>点击进入网易 </a>
点击“点击进入网易”，即可进入电子科大人文风网站的首页。在这个例子中，充当指针的是
“点击进入网易”这几个字符 .
六．文字移动 <marquee>
基本格式
<marquee 移动属性 > 移动文字 </marquee>
文字移动属性的设置 :
l 移动方向： <direction=#> # 为 left, right
例 :
<marquee direction=left> 移动文字， 从右向左移！ </marquee> <P>
<marquee direction=right> 移动文字， 从左向右移！ </marquee>
l 移动方式： <bihavior=#> #=scroll, slide, alternate
例 :
<marquee behavior=scroll> 移动文字，一圈一圈绕走！ </marquee> <P>
<marquee behavior=slide> 移动文字， 移动一次就停止！ </marquee> <P>
<marquee behavior=alternate> 移动文字，来回移动！ </marquee>
l 循环次数： <loop=#> #= 次数；若未指定则循环不止
例 :
<marquee loop=3 width=50% behavior=scroll> 移动文字，移 3 次 </marquee>
注意： width= ＃，从浏览器窗口宽度的指定的位置开始移动，可以为象素或窗口宽度的百分比。
l 移动速度： <scrollamount=#> # 为每次移动的象素数 , 越大移动速度越快。
例 :
<marquee scrollamount=20> 移动文字，移动的较快 </marquee>
l 延时 <scrolldelay=#> ＃为时间，毫秒数，值越大间隔越久
例 :
<marquee scrolldelay=1000 scrollamount=500> 文字间歇移动 </marquee>
例 :
<Font Size=6>
<marquee align=top width=400> 移动文字，对齐方式 </marquee>
</Font>
l 底色 <bgcolor=#>
#: rrggbb 16 进制数码，或者是预定义色彩 , 如 red,green,yellow 等
例 :
<marquee bgcolor=green>< 移动文字，绿色背景 </marquee>
(这个部分无法用图片做例子，除非用屏幕录象软件）