第七章 TABLE表格_HTML教程(2)_H5之家 - 中国HTML5教程资源分享第一站

<TR> 的参数设定（常用）：
<tr align="RIGHT" valign="MIDDLE" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#808080" bordercolordark="#FF0000">

实例：7-3.html

<HTML>
<HEAD>
<TITLE>表格行的控制</TITLE>
</HEAD>
<BODY>
<TABLE border=1 align="center" width="80%" height="150">
<TR ALIGN="CENTER">
<TH>姓名</TH>
<TH>性别</TH>
<TH>年龄</TH>
<TH>专业</TH>
</TR>
<TR ALIGN=CENTER bordercolor="#336600" bgcolor="#C1FFC1">
<TD>咚咚</TD>
<TD>男</TD>
<TD>18</TD>
<TD>学生</TD>
</tr>
<tr align=center height=50 bordercolor=navy bgcolor="#86B8E1" valign=bottom bordercolorlight="#E1F0FD" bordercolordark="#002346">
<TD>楠楠</TD>
<TD>女</TD>
<TD>17</TD>
<TD>学生</TD>
</TR>
</TABLE>
</BODY>
</HTML>

7-4 单元格的设定

<th>和<td>都是插入单元格的标签，这两个标签必须嵌套在<tr>标签内。是成对出现的。<th>用于表头标签，表头标签一般位于首行或首列，标签之间的内容就是位于该单元格内的标题内容，其中的文字以粗体居中显示。数据标签<td>就是该单元格中的具体数据内容,<th>和<td>标签的属性都是一样的，属性设定如下：

<th>和<td>的属性

属性描述

width/height 单元格的宽和高，接受绝对值（如 80）及相对值（如 80%）。

colspan 单元格向右打通的栏数

rowspan 单元格向下打通的列数

align 单元格内字画等的摆放贴，位置（水平），可选值为： left, center, right。

valign 单元格内字画等的摆放贴　位置（垂直），可选值为： top, middle, bottom。

bgcolor 单元格的底色

bordercolor 单元格边框颜色

bordercolorlight 单元格边框向光部分的颜色

bordercolordark 单元格边框背光部分的颜色

background 单元格　背景图片

<TD> 的参数设定格式：
例如：<td width="48%" height="400" colspan="5" rowspan="4" align="RIGHT" valign="BOTTOM" bgcolor="#FF00FF" bordercolor="#808080" bordercolorlight="#FF0000" bordercolordark="#00FF00" background="myweb.gif">

实例：7-4.html

<HTML>
<HEAD>
<TITLE>单元格的设定</TITLE>
</HEAD>
<BODY>
<TABLE border=1 align="center" height="150" width="80%">
<TR>
<TH width=70 bgcolor="#FFCC00">姓名</TH>
<TH bgcolor="#FFCCFF">性别</TH>
<TH background="../../imge/b0024.gif">年龄</TH>
<TH background="../../imge/aki-5.gif">专业</TH>
</TR>
<TR>
<TD bordercolor=red align="left">笨笨猫</TD>
<TD bordercolorlight="#FFCCFF" bordercolordark="#FF0000" align="center">女</TD>
<TD bgcolor="#FFFFCC" valign="bottom" align="center">18</TD>
<TD bgcolor="#CCFFFF" align="right">学生</TD>
</TR>
</TABLE>
</BODY>
</HTML>

7-5 设定跨多行多列单元格

要创建跨多行、多列的单元格，只需在<TH>或<TD>中加入ROWSPAN或COLSPAN属性的属性值，默认值为1。表明了表格中要跨越的行或列的个数。

　跨多列的语法： <th colspan=#>　<td colspan=#>

　　colspan表示跨越的列数，例如colspan=2表示这一格的宽度为两个列的宽度。

　跨多行的语法： <th rowspan=#>　<td rowspan=#>
　
　 rowspan所要表示的意义是指跨越的行数，例如rowspan=2就表示这一格跨越表格两个行的高度。

实例：7-5.html