HTML 表格

HTML 表格实例:

姓名	分数
小明	91
小红	89
小丽	99
小江	93

HTML 表格

表格由<table>标签定义。每个表有几行(由<tr> 标签定义)，每一行被划分为几个单元格(由<table><tbody><tr><td>标记定义)。字母td指的是表数据，它是数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、横线、表格等。

<table border="1">
    <tr>
        <td>李白, 打野</td>
        <td>妲己, 中单</td>
    </tr>
    <tr>
        <td>鲁班七号, 下路</td>
        <td>瑶, 辅助</td>
    </tr>
</table>

在浏览器显示如下：

HTML 表格和边框属性

如果不定义边框属性，该表将不显示边框。有时这是有用的，但大多数时候，我们希望显示边框。

使用border属性显示带有边框的表:

<table border="1">
    <tr>
        <td>妲己, 法师</td>
        <td>鲁班, 射手</td>
    </tr>
</table>

HTML 表格表头

表格的表头使用 <th> 标签进行定义。

大多数浏览器会把表头显示为粗体居中的文本：

<table border="1">
    <tr>
        <th>表头1</th>
        <th>表头2</th>
    </tr>
    <tr>
        <td>李白, 打野</td>
        <td>貂蝉, 中单</td>
    </tr>
    <tr>
        <td>虞姬, 发育路</td>
        <td>阿瑶, 辅助</td>
    </tr>
</table>

上一篇：HTML 图像下一篇：HTML 列表

		自动登录	找回密码
密码			立即注册