【Web前端基础】实验8 表格与表格页面布局-Toy模板网

这篇具有很好参考价值的文章主要介绍了【Web前端基础】实验8 表格与表格页面布局。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

项目1 设计《网络主题研讨会》日程表

页面效果图：

【Web前端基础】实验8 表格与表格页面布局

要求：

表格资料：文章来源地址https://www.toymoban.com/news/detail-441350.html

会议时间	会议名称	演讲人
2015年10月14日09:30 - 17:00	中国二恶英排放清单研究	刘文彬研究员（中国科学院生态研究中心）
2015年10月14日09:30 - 17:00	优化的PAHs和Dioxin分析仪在环境分析中的应用	孔晔（安捷伦）
2015年10月14日09:30 - 17:00	LCMS在持久性有机污染物分析中的研究进展	朱怀恩（SCIEX）
2015年10月14日09:30 - 17:00	质谱技术在持久性有机污染物的分析方法	陈志凌（岛津）
2015年10月14日09:30 - 17:00	持久性有机污染物POPs的前处理技术	苏丽评（莱伯泰科）
2015年10月14日09:30 - 17:00	极地持久性有机污染物研究进展	张庆华研究员（中国科学院生态研究中心）

HTML代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>网络主题研讨会日程表</title>
        <style type="text/css">
        *{
     
            font-size: 13px;
        }
        #div0{
     
            background: #eaeaea url(images61-4.png) no-repeat 0px 0px;
            width:720px;
            height:500px;
            margin: 0 auto;
        }
        #div1{
     
            width:710px;
            height:60px;
        }
        h3{
     
            font-size: 18px;
            color: white;
            padding:10px 20px;
            font-family: 微软雅黑;
        }

        #row1{
     
            background: #e1e1e1;
        }

        #row2{
     
            background:#e3e3e3;
        }
        #td1{
     
            background: #fbfbfb;
        }
        #td2{
     
            background: #f0f0f0;
        }
       
        th{
     
            color:#666666
        }
        a{
     
            background: url(images61-4.png) repeat-x;
            width:120px;
            height: 30px;
            text-align: center;
            padding: 5px auto;
            float:right;
            display:inline;
        }
        
        </style>
    </head>
    <body>
        <div id="div0">
            <div id="div1">
                <h3>报告内容</h3>
            </div>
            <table align="center" border="1"  bordercolor="#ffffff" width="700px" height="420px" cellpadding="0px">
                <tr style="line-height: 40px;" id="row1">
                <td colspan="3">
                    <font color=red>会议平台不支持WinXP系统，请大家使用Win7或Win8系统，IE或火狐浏览器登陆</font><br><strong>报告主题：“持久性有机污染物分析技术”网络主题研讨会”<a href="#">精彩回放</a></strong></br>
                </td></tr>
                <tr id="row2" style