HTML学习笔记-制作表格
2017-07-03 11:23
495 查看
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<header>
<h2 align="center"> <b> 课程表</b></h2>
</header>
<section>
<table width="700" height="420" border="1" align="center" rules="all">
<tr>
<th align="center" bgcolor="skyblue" colspan="8" color="red"><h1>课程表</h1></th>
</tr>
<tr>
<th>时间</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
<th>周六</th>
<th>周日</th>
</tr>
<tr>
<th rowspan="4" >上午</th>
<td colspan="7" align="center">早操</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>中午</th>
<td colspan="7" align="center">午休</td>
</tr>
<tr>
<th rowspan="4">下午</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</section>
</body>
</html>
<html>
<head>
</head>
<body>
<header>
<h2 align="center"> <b> 课程表</b></h2>
</header>
<section>
<table width="700" height="420" border="1" align="center" rules="all">
<tr>
<th align="center" bgcolor="skyblue" colspan="8" color="red"><h1>课程表</h1></th>
</tr>
<tr>
<th>时间</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
<th>周六</th>
<th>周日</th>
</tr>
<tr>
<th rowspan="4" >上午</th>
<td colspan="7" align="center">早操</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>中午</th>
<td colspan="7" align="center">午休</td>
</tr>
<tr>
<th rowspan="4">下午</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</section>
</body>
</html>
相关文章推荐
- HTML学习笔记--制作表格
- HTML5+CSS3+JS学习笔记-8-使用JS及函数来制作表格
- HTML5+CSS3+JS学习笔记-12-使用JS及函数来制作表格加上3D透视效果
- HTML网页开发学习笔记(燕十八)-37 整齐的表格 作业
- 20160112html学习笔记表格列表
- HTML&CSS基础学习笔记1.16-单元格间距和表格主体
- [HeadFirst-HTMLCSS学习笔记][第十三章表格]
- 黑马程序员之HTML学习笔记:把数据放在表格中
- html css学习笔记-href 表格 字体 轮郭
- HTML5+JavaScript制作坦克大战游戏——学习笔记三
- .Net学习笔记----2015-07-13(表格相关属性介绍及HTML小练习)
- HTML&CSS基础学习笔记1.14-创建表格
- HTML学习笔记【5】使用表格
- 前端技术学习之道:html之简单网页表格制作
- 黑马程序员之HTML学习笔记:rowspan属性实现HTML表格中一列跨越多行,colspan 属性实现HTML表格中一行跨越多列
- 3.4html学习笔记之表格
- HTML表格制作学习提示
- HTML学习笔记二表格基础
- Dreamweaver学习笔记1:html表格属性练习
- Qt学习笔记之使用HTML在TextEdit中构造表格显示数据