如果您无法下载资料,请参考说明:
1、部分资料下载需要金币,请确保您的账户上有足够的金币
2、已购买过的文档,再次下载不重复扣费
3、资料包下载后请先用软件解压,在使用对应软件打开
第4章表格与框架4.1创建表格4.2表格的属性设置4.3使用表格设计网页布局4.4创建框架4.5控制框架的显示效果4.6使用框架设计网页布局4.1创建表格4.1.1表格的基本构成以下实例显示了如何在HTML中生成一个表格,效果如图4-1所示。<HTML><HEAD><TITLE>表格示例</TITLE></HEAD><BODY><TABLEborder><CAPTION><H2>课程表<H2></CAPTION><TR><TH><IMGsrc="fire.gif"><TH>星期一<TH>星期二<TH>星期三<TH>星期四<TH>星期五<TR><TH>第1大节<TD>数学<TD>英语<TD>数学<TD>英语<TD>哲学<TR><TH>第2大节<TD>物理<TD>计算机<TD>计算机<TD><TD>计算机<TR><TH>第3大节<TD>计算机<TD><TD>英语<TD>计算机<TD></TABLE></BODY></HTML>4.1.2合并单元格4.1.3构造表格的步骤4.2表格的属性设置4.2.1边框与分隔线4.2.1.1frame属性4.2.1.2rules属性4.2.1.3border属性以下两条语句的含义相同:<TABLEborder="2"><TABLEborder="2"frame="border"rules="all">以下HTML代码显示了表格设置边框和分隔线时的显示效果,如图4-3所示。<HTML><HEAD><TITLE>表格的边框和分隔线示例</TITLE></HEAD><BODY><TABLEborder="4"frame="hsides"rules="rows"><!--边框宽度为4像素,仅显示上下边框和横向分隔线--><CAPTION><H3>我的日程表<H3></CAPTION><TR><TH>星期一<TH>星期二<TH>星期三<TH>星期四<TH>星期五<TR><TD>MUD<TD>NBA2001<TD>联众军棋<TD>联众军棋<TD>笑傲江湖<TR><TD>DiabloII<TD>DiabloII<TD>联众军棋<TD>升级<TD>MUD<TR><TD>MUD<TD>睡觉<TD>学习<TD>打篮球<TD>打篮球</TABLE></BODY></HTML>图4-3表格边框和分隔线的显示效果4.2.2控制单元格空白以下示例显示了这两个属性如何影响单元格内和单元格间的空白,效果如图4-4所示。<HTML><HEAD><TITLE>表格单元格空白示例</TITLE></HEAD><BODY>表格1<HRalign="left"width="50%"><TABLEbordercellspacing=10><TR><TD>大话西游<TD>大内密探008<TD>少林足球<TR><TD>鹿鼎记<TD>喜剧之王<TD>九品芝麻官<TR><TD>逃学威龙<TD>食神<TD>百变金刚</TABLE><P>表格2<HRalign="left"width="50%"><TABLEbordercellpadding="10"><TR><TD>大话西游<TD>大内密探008<TD>少林足球<TR><TD>鹿鼎记<TD>喜剧之王<TD>九品芝麻官<TR><TD>逃学威龙<TD>食神<TD>百变金刚</TABLE></BODY></HTML>图4-4单元格空白示例4.2.3表格的对齐4.2.3.1表格的页面对齐4.2.3.2表格内容的水平对齐以下HTML代码显示了单元格内容水平对齐的效果,如图4-5所示。<HTML><HEAD><TITLE>表格数据的水平对齐</TITLE></HEAD><BODY><TABLEborder><CAPTION><H3>表格数据的水平对齐</H3></CAPTION><TRalign="right"><TD>本行数据右对齐<TD>右<TD>右<TR><TD>左<TD>本行数据为默认左对齐<TD>左<TRalign="center"><TD>中<TD>中<TD>本行数据居中对齐</TABLE></BODY></HTML>4.2.3.3表格内容的垂直对齐以下HTML代码显示了单元格内容垂直对齐的效果,如图4-6所示。<HTML><HEAD><TITLE>表格数据的垂直对齐</TITLE></HEAD><BODY><TABLEborderalign="center"><CAPTION><H3>表格数据的垂直对齐</H3></CAPTION><TRvalign="top"><TD><IMGsrc="barbaria