0
点赞
收藏
分享

微信扫一扫

HTML表格习题练习

汤姆torn 2022-02-20 阅读 76

文章目录

一、会议日程安排表

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<title>表格</title>
</head>
<body>
<h3 align="center">设置单元格跨列、跨行属性</h3>
<center><table border="1" bordercolor="#3366ff">
<caption>云计算与物联网会议日程安排表</caption>
<tr style="text-align: center;">
	<td colspan="2">上午</td>
	<td colspan="2">下午</td>
</tr>
<tr style="text-align: center;">
	<td>8:00-10:00</td>
	<td>10:10-12:00</td>
	<td>14:00-16:00</td>
	<td>16:10-18:00</td>
</tr>
<tr style="text-align: center;">
	<td rowspan="2">领导讲话</td>
	<td>大会主题报告</td>
	<td>分会专题报告</td>
	<td rowspan="2">总结报告</td>
</tr>
<tr style="text-align: center;">
	<td>专家报告</td>
	<td>分组讨论</td>
</tr>
<tr style="text-align: center;">
	<td colspan="4">全天参观考察无锡国家物联网中心</td>
</tr>
</table>
</center>
</body>
</html>

在这里插入图片描述

二、课程表设计

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<title>表格</title>
</head>
<body>
  <table border="1">
  	<caption><strong>2012软件工程班课程表</strong></caption>
  	<tr style="text-align: center;">
  		<th>节次</th>
  		<th>星期一</th>
  		<th>星期二</th>
  		<th>星期三</th>
  		<th>星期四</th>
  		<th>星期五</th>
  	</tr>
  	<tr style="text-align: center; background: gray;" >
  		<td>第1-2节</td>
  		<td>Java程序设计</td>
  		<td>Web前端开发技术</td>
  		<td>数字逻辑电路</td>
  		<td>数据结构</td>
  		<td>体育</td>
  	</tr>
  	<tr style="text-align: center;">
  		<td>第3-4节</td>
  		<td>心理咨询</td>
  		<td>线性代数</td>
  		<td>数据结构</td>
  		<td>数据结构</td>
  		<td>Web前端开发技术</td>
  	</tr>
  </table>
</body>
</html>

在这里插入图片描述


举报

相关推荐

0 条评论