17试题编号：J-17页面表格设计1任务描述目前页面中使用表格的情况非常多比如页面中菜谱、商品列表等等现在公司需要你设计一个表格表格中填充小说阅读的信息完成如下图1-17所示的效果。你作为页面描绘的程序员请实现如下功能： 写一个表格宽800px高300px表框宽度为1px的实线。 在表格中填充内容。任务一：表格设计70分1容器制作参考图117表格设计。2填充内容

参考图1.17，填充小说阅读的信息。 （2）参考答案 任务一：表格设计（70分） 1.容器制作

使用HTML的table标签创建表格，设置宽度为800px，高度为300px，表格边框为1px实线。

<table width="800" height="300" border="1" bordercolor="#000000" style="border-collapse: collapse;">
    <!-- 表头 -->
    <tr>
        <th>小说名称</th>
        <th>作者</th>
        <th>分类</th>
        <th>章节数</th>
        <th>更新时间</th>
        <th>操作</th>
    </tr>
    <!-- 表格内容 -->
    <tr>
        <td>斗破苍穹</td>
        <td>天蚕土豆</td>
        <td>玄幻</td>
        <td>1668</td>
        <td>2022-01-01</td>
        <td><a href="#">阅读</a></td>
    </tr>
    <tr>
        <td>全职高手</td>
        <td>蝴蝶蓝</td>
        <td>游戏</td>
        <td>1728</td>
        <td>2022-01-01</td>
        <td><a href="#">阅读</a></td>
    </tr>
    <tr>
        <td>雪鹰领主</td>
        <td>我吃西红柿</td>
        <td>玄幻</td>
        <td>1972</td>
        <td>2022-01-01</td>
        <td><a href="#">阅读</a></td>
    </tr>
    <!-- 更多内容 -->
</table>

2.填充内容

根据需求填充表格内容，包括表头和表格内容。根据需要添加链接等操作按钮。

<table width="800" height="300" border="1" bordercolor="#000000" style="border-collapse: collapse;">
    <!-- 表头 -->
    <tr>
        <th>小说名称</th>
        <th>作者</th>
        <th>分类</th>
        <th>章节数</th>
        <th>更新时间</th>
        <th>操作</th>
    </tr>
    <!-- 表格内容 -->
    <tr>
        <td>斗破苍穹</td>
        <td>天蚕土豆</td>
        <td>玄幻</td>
        <td>1668</td>
        <td>2022-01-01</td>
        <td><a href="#">阅读</a></td>
    </tr>
    <tr>
        <td>全职高手</td>
        <td>蝴蝶蓝</td>
        <td>游戏</td>
        <td>1728</td>
        <td>2022-01-01</td>
        <td><a href="#">阅读</a></td>
    </tr>
    <tr>
        <td>雪鹰领主</td>
        <td>我吃西红柿</td>
        <td>玄幻</td>
        <td>1972</td>
        <td>2022-01-01</td>
        <td><a href="#">阅读</a></td>
    </tr>
    <tr>
        <td>斗罗大陆</td>
        <td>唐家三少</td>
        <td>玄幻</td>
        <td>3360</td>
        <td>2022-01-01</td>
        <td><a href="#">阅读</a></td>
    </tr>
    <tr>
        <td>放开那个女巫</td>
        <td>二目</td>
        <td>玄幻</td>
        <td>2000</td>
        <td>2022-01-01</td>
        <td><a href="#">阅读</a></td>
    </tr>
    <tr>
        <td>一念永恒</td>
        <td>耳根</td>
        <td>玄幻</td>
        <td>2634</td>
        <td>2022-01-01</td>
        <td><a href="#">阅读</a></td>
    </tr>
    <tr>
        <td>我欲封天</td>
        <td>耳根</td>
        <td>玄幻</td>
        <td>3779</td>
        <td>2022-01-01</td>
        <td><a href="#">阅读</a></td>
    </tr>
    <!-- 更多内容 -->
</table>