Dreamweaver | Flash | Photoshop | Fireworks | Asp | Asp.net | Css/HTML | 矢量教程 | Access | Sql Server
网页设计视频教程

你的位置:首页>>HTML学习教程>>单元格的设定

单元格的设定

发表时间:2006-11-19 22:00:32浏览次数:

<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>

网站建设服务 - 友情链接 - 意见建议 - 联系站长 - 论坛 - 网站导航
Copyright 2006-2007 zznj.com Inc. All Rights Reserved
Emai:skyzznj@126.com