适合0基础的web开发系列教程-表格-优快云博客

本文介绍如何使用HTML的<table>、<tr>和<td>标签创建并展示学生信息的表格，详细展示了表格的结构及数据单元格的内容。

表格由 <table> 标签来定义。

每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。

字母 td 指表格数据（table data），即数据单元格的内容。

数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

表格在业务系统里面非常重要，经常用来展示数据。

例如显示学生信息：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <table border="1">
            <tr><td>姓名</td><td>性别</td><td>年龄</td><td>班级</td></tr>
            <tr><td>张三1</td><td>男</td><td>18</td><td>计算机01班</td></tr>
            <tr><td>张三2</td><td>男</td><td>17</td><td>计算机01班</td></tr>
            <tr><td>张三3</td><td>男</td><td>18</td><td>计算机02班</td></tr>
            <tr><td>张三4</td><td>女</td><td>19</td><td>计算机01班</td></tr>
            <tr><td>张三5</td><td>男</td><td>18</td><td>计算机02班</td></tr>
            <tr><td>张三6</td><td>女</td><td>18</td><td>计算机01班</td></tr>
        </table>
    </body>
</html>