2018/09/26 渡课学习第二课-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_42707540/article/details/82852022

本文详细介绍了一个使用HTML和CSS进行表格布局的实际案例，包括如何创建一个包含多行、多列及合并单元格的复杂表格，展示了如何通过代码实现一周工作计划的展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

课程关键字

关键字	英文	解释
表格	table	做表格

作业完成汇报

编程题

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
table
  {
  border-collapse:collapse;
  text-align: center;

  }

table, td, th
  {
  border:1px solid black;
  }
</style>
	
</head>
<body>
<table>
	<tr>
		<th></th>
		<th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
		<th>星期一</th>
		<th>星期二</th>
		<th>星期三</th>
		<th>星期四</th>
		<th>星期五</th>
	</tr>

	<tr>
		<td rowspan="3">上午</td>
		<td></td>
		<td>1</td>
		<td>1</td>
		<td>1</td>
		<td>1</td>
		<td>1</td>
	</tr>

	<tr>
		<td></td>
		<td>1</td>
		<td>1</td>
		<td>1</td>
		<td rowspan="2">开会</td>
		<td>1</td>
	</tr>

	<tr>
		<td></td>
		<td>1</td>
		<td>1</td>
		<td>1</td>
		
		<td>1</td>
	</tr>

	<tr>
		<td rowspan="3">下午</td>
		<td></td>
		<td>1</td>
		<td colspan="2">休息</td>
		
		<td>1</td>
		<td>1</td>
	</tr>

	<tr>
		<td></td>
		<td>1</td>
		<td>1</td>
		<td>1</td>
		<td>1</td>
		<td>1</td>
	</tr>

	<tr>
		<td></td>
		<td>1</td>
		<td>1</td>
		<td>1</td>
		<td>1</td>
		<td>1</td>
	</tr>


	
</table>	

</body>
</html>