#创建表格

初音未来☆

已于 2024-04-14 15:47:14 修改

阅读量374

点赞数 12

分类专栏： H5理论文章标签：前端开发语言 html5 html

于 2024-04-14 15:44:44 首次发布

本文链接：https://blog.csdn.net/qq_74215768/article/details/137746547

版权

H5理论专栏收录该内容

16 篇文章 0 订阅

订阅专栏

一. 简答题（共1题，100分）

1. (简答题)

熟悉用<table><tr><td>标签构建自己的表格。注意与<td>对应的还有<th>,用于设置列的标题。这两个标签有两个重要属性colspan和rowspan，表示该单元格跨几列和跨几行，使用它们可以制作出各种复杂的表格。

语法提示：

<table>

...

</tr>

...

</table>

参考样式：

<!DOCTYPE html>

<html lang="en">



<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        table,

        th,

        td {

            border: 1px solid black;

            border-collapse: collapse;

        }

        table.center {

            margin-left: auto;

            margin-right: auto;

            text-align: center;

        }

    </style>

</head>



<body>

    <table style="width: 500px;" class="center">

        <tr>

            <th colspan="5">学生信息表</th>

        </tr>

        <tr>

            <th>学&nbsp;号</th>

            <th>姓&nbsp;名</th>

            <th>性&nbsp;别</th>

            <th>出生日期</th>

            <th>主修专业</th>

        </tr>

        <tr>

            <td>20180001</td>

            <td>李勇</td>

            <td>男</td>

            <td>2000.03.08</td>

            <td>信息安全</td>

        </tr>

        <tr>

            <td>20180002</td>

            <td>刘晨</td>

            <td>女</td>

            <td>1999.09.01</td>

            <td>计算机科学与技术</td>

        </tr>

        <tr>

            <td>20180003</td>

            <td>王敏</td>

            <td>女</td>

            <td>2000.08.01</td>

            <td>计算机科学与技术</td>

        </tr>

        <tr>

            <td>20180004</td>

            <td>张立</td>

            <td>男</td>

            <td>2000.01.08</td>

            <td>计算机科学与技术</td>

        </tr>

        <tr>

            <td>20180005</td>

            <td>陈新奇</td>

            <td>男</td>

            <td>2001.11.1</td>

            <td>信息管理与信息系统</td>

        </tr>

    </table>

</body>



</html>