学习web时做的,主要练习表格表单的应用,带走前点个关注嗷~
题目:1.创建一个页面,显示如图1所示的内容。
代码实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-***patible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>会议日程安排</title>
<style type="text/css">
caption {
font-size: 30px;
color: red;
}
table {
border: 3px solid #000000;
border-collapse: collapse;
}
th,
td {
border: 5px solid #000000;
}
</style>
</head>
<body>
<table width="1000px" align="center">
<caption> 会议日程安排</caption>
<tr align="center" font-weight="bold">
<th colspan="2">时间</th>
<th colspan="2">地点</th>
<th colspan="4">活动内容及报告题目</th>
<th colspan="2"> 负责人/主讲人</th>
</tr>
<tr align="left">
<td colspan="2">6月13日全天(周六)</td>
<td colspan="2">清华大学国际培训中心</td>
<td colspan="4">代表全天报到</td>
<td colspan="2">会务组</td>
</tr>
<tr>
<td rowspan="6" valign="middle">14日周日</td>
<td colspan="9" align="center ">开幕式</td>
</tr>
<tr>
<td> 8:30-8:45</td>
<td colspan="2">逸夫楼一层报告厅</td>
<td colspan="4">清华大学领导致辞</td>
<td> </td>
</tr>
<tr align="center">
<td colspan="9">研讨报告主持人:孟少农教授</td>
</tr>
<tr>
<td>9:00-10:20</td>
<td rowspan="3" colspan="2"> 逸夫楼一层报告厅</td>
<td colspan="4">报告1:大学如何拥抱创新的时代</td>
<td colspan="2">邱勇教授</td>
</tr>
<tr>
<td>10:20-10:40</td>
<td colspan="4">自由交流(茶歌)</td>
<td> </td>
</tr>
<tr>
<td>10:40-11:50</td>
<td colspan="4">报告2:计算思维应成为通识教育的一部分</td>
<td colspan="2">李晓明教授</td>
</tr>
</table>
</body>
</html>