课程表的打印

<caption>...</caption> 是对表格内容的简单说明，中间写的是标题内容

<tr> ...</tr>一行的标记

<td>...</td>一列的标记

表格标记的属性：

border:设置边框的粗细（默认值为0）

bordercolor：设置边框的颜色

bordercolorlight：设置亮边框颜色

bordercolordark：设置暗边框颜色

width：设置表格宽度

height：设置表格高度

bgcolor:设置背景颜色

扫描二维码关注公众号，回复： 5094731 查看本文章

background:设置背景图片

frame：设置边框样式

rules:设置内部边框样式

cellspacing:设置单元格间距

cellpadding:设置单元格边距

align:设置表格的水平对齐方式

colspan：合并单元格

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>课程表</title>
<style type="text/css">
</style>
</head>

<body>
<table width="565" height="447"  border="1" bgcolor="#00CCFF" >
<tr>
  <td width="69"><table width="565" height="375"  border="1">
    <caption>
      课程表
      </caption>
    <tr>
      <td width="67"><div align="center">节次/星期</div></td>
      <td width="95"><center>
        星期一
      </center></td>
      <td width="94"><center>
        星期二
      </center></td>
      <td width="85"><center>
        星期三
      </center></td>
      <td width="99"><cernter>
        星期四</td>
      <td width="85"><center>
        星期五
      </center></td>
    </tr>
    <tr>
      <td><center>
        一二节
      </center></td>
      <td><div align="center">大学英语</div></td>
      <td><div align="center">数据库原理及应用</div></td>
      <td>数字电路</td>
      <td><div align="center">数据库原理及应用</div></td>
      <td>毛泽东思想和中国特色社会主义理论体系概论</td>
    </tr>
    <tr>
      <td height="80"><center>
        三四节
      </center></td>
      <td></td>
      <td><div align="center">数据结构</div></td>
      <td>工程制图与计算机制图</td>
      <td><div align="center">数据结构</div></td>
      <td>工程制图与计算机制图</td>
    </tr>
    <tr>
      <td height="98"><center>
        五六节
      </center></td>
      <td>数字电路与逻辑设计</td>
      <td></td>
      <td></td>
      <td></td>
      <td><div align="center">大学体育</div></td>
    </tr>
    <tr>
      <td height="61"><center>
        七八节
      </center></td>
      <td><div align="center"></div></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </table></td>
</tr>
<tr><td height="41" colspan="6"><div align="center">适用时间：2018-2019第一学期 网络1705班</div></td></tr>
</table>
</body>
</html>

猜你喜欢