HTML表格习题练习

最新推荐文章于 2024-06-09 20:44:02 发布

橘子爱吃橘子

最新推荐文章于 2024-06-09 20:44:02 发布

阅读量2.3k

点赞数 2

分类专栏： Web前端开发技术文章标签： html 前端 web开发网页设计

本文链接：https://blog.csdn.net/qq_50589028/article/details/123028945

版权

Web前端开发技术专栏收录该内容

9 篇文章 2 订阅

订阅专栏

文章目录

- 一、会议日程安排表
- 二、课程表设计

一、会议日程安排表

在这里插入图片描述

<!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>

在这里插入图片描述

橘子爱吃橘子

关注

2
点赞
踩
37

收藏

觉得还不错? 一键收藏
0
评论
HTML表格习题练习

文章目录一、会议日程安排表二、课程表设计一、会议日程安排表<!DOCTYPE html><html><head> <title>表格</title></head><body><h3 align="center">设置单元格跨列、跨行属性</h3><center><table border="1" bordercolor="#3366ff"><capt
复制链接

扫一扫

专栏目录