| 网站首页 | 新  闻 | 双龙文学 | 电子图书 | 职教信息 | 电子教程 | 英语频道 | 试题中心 | 招生信息 | 就业信息 | 教研成果 | 
 | 网上党校 | 教务信息 | 青 春 期 | 团学工作 | 政教信息 | 资源下载 | 图片信息 | 本站留言 | 校 友 录 | 校园邮局 | 网络办公 | 
您现在的位置: 双龙网 >> 教研成果 >> 计算机教学 >> 成果正文 用户登录 新用户注册
[图文]表格基础           ★★★ 【字体:
表格基础
作者:佚名    成果来源:本站原创    点击数:    更新时间:2007-6-11

 

 

预习作业:

1、从教案首页下载需要的素材
2、阅读P74 $5.2节,制作一张3行4列的表格
3、阅读P75 $5.3节,练习如何选中整张表格、选中一行、一列或几个单元格
4、仔细阅读$5.3.2节,熟悉表格的属性
5、练习如何添加一行、一列,如何分割、合并单元格

教学重点:

1、制作表格。单击插入面板中的插入表格按钮,显示

练习一
制作如下表格

     
     
     

 

     
     
     

 

   
   
   

 

     
     
     

 

     
     
     

2、认识有关表格的HTML标记
表格<table>......</table>
    <table width="500" border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFCC">
行 <tr>......</tr>
列 <td>......</td>

阅读以下代码

一张二行三列的表格
<table width="500" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>


三行三列的表格,其中第一列合并
<table width="500" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td rowspan="3"> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>


三行三列的表格,其中第一行合并
<table width="500" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="3"> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>

练习二:
制作以下表格:

填充0 边距0 边框1 背景#FFFFCC 边框颜色无
 
     
     

 

 

填充0 边距0 边框1 背景无 边框颜色#FF0000
     
     
     

 

填充0 边距2 边框1 背景无 边框颜色#FF0000
     
     
     

 

填充0 边距2 边框4 背景无 边框颜色#FF0000
     
     
     

 

填充0 边距4 边框1 表格背景#CCFFFF 边框颜色#FF0000
还要分别设单元格的背景颜色
< />
     
     
     

练习三
阅读P82,完成综合实例


成果录入:wch    责任编辑:wch 
  • 上一个成果:

  • 下一个成果: 没有了
  •  

     【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口

     
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)