HTML学习笔记--表格标签

HTML学习笔记–表格标签

表格的基本标签

运用场景

在网页中以行列形式的单元格的方式有序的展示信息和数据

相关标签名及用法

table标签

表示表格的整体，里面可以用于包裹多个tr标签

tr标签

表示表格的每一行，里面用于包裹多个td标签

td标签

表示表格每一个单元格，用于表示单元格内每一项具体内容

基本嵌套关系

table>tr>td

代码展示

    <table border="15"  >
        <!-- 表格整体标签 -->
        <tr>
            <!-- 表示每行的tr标签 -->
            <th>姓名</th>
            <!-- 行列小标题 -->
            <th>年级</th>
            <th>专业</th>
            <th>性别</th>
        </tr>
        <tr>
            <td>张三</td>
        <!-- 表示每个单元格中内容 -->
            <td>19级</td>
            <td>软件工程</td>
            <td>男</td>
        </tr>
        <tr>
            <td>李四</