web会议日程安排表

学习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>

转载请说明出处内容投诉
CSS教程_站长资源网 » web会议日程安排表

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买