HTML 表格


表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。

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

HTML 表格实例:

First Name Last Name Points
Jill Smith 50
Eve Jackson 94
John Doe 80
Adam Johnson 67

实例

<h4>一列:</h4>
<table border="1">
  <tr>
    <td>100</td>
  </tr>
</table>

<h4>一行三列:</h4>
<table border="1">
  <tr>
    <td>100</td>
    <td>200</td>
    <td>300</td>
  </tr>
</table>

<h4>两行三列:</h4>
<table border="1">
  <tr>
    <td>100</td>
    <td>200</td>
    <td>300</td>
  </tr>
  <tr>
    <td>400</td>
    <td>500</td>
    <td>600</td>
  </tr>
</table>

表格实例

实例

<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

在浏览器显示如下::

HTML 表格


HTML 表格和边框属性

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

使用边框属性来显示一个带有边框的表格:

实例

<table border="1">
    <tr>
        <td>Row 1, cell 1</td>
        <td>Row 1, cell 2</td>
    </tr>
</table>

HTML 表格表头

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

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

实例

<table border="1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

在浏览器显示如下:

HTML 表格


HTML 表格标签

标签 描述
<table> 定义表格
<th> 定义表格的表头
<tr> 定义表格的行
<td> 定义表格单元
<caption> 定义表格标题
<colgroup> 定义表格列的组
<col> 定义用于表格列的属性
<thead> 定义表格的页眉
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚

若文章对你有帮助,可以点赞或打赏支持我们。发布者:lyh会员,转载请注明出处:http://61.174.243.28:13541/AY-knowledg-hub/html-%e8%a1%a8%e6%a0%bc/

(0)
lyhlyh会员认证作者
上一篇 2023年 4月 13日 下午10:22
下一篇 2023年 4月 13日 下午10:35

相关推荐

  • 解决WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!

    远程连接ssh服务器时,若服务器系统发生了改变,旧的鉴权无法生效时,在登陆时会提示以下问题。 WARNING: REMOTE HOST IDENTIFICATION HAS CHA…

    2021年 7月 13日
  • 前言

    Pandas 是 Python 语言的一个扩展程序库,用于数据分析。 Pandas 是一个开放源码、BSD 许可的库,提供高性能、易于使用的数据结构和数据分析工具。 Pandas …

    2023年 5月 16日
  • dpkg-deb

    文章目录dpkg-deb补充说明语法选项参数实例 dpkg-deb Debian Linux下的软件包管理工具 补充说明 dpkg-deb命令 是Debian Linux下的软件包…

    入门教程 2023年 12月 7日
  • vgscan

    文章目录vgscan补充说明语法选项实例 vgscan 扫描并显示系统中的卷组 补充说明 vgscan命令 查找系统中存在的LVM卷组,并显示找到的卷组列表。vgscan命令仅显示…

    入门教程 2024年 3月 11日
  • volname

    文章目录volname补充说明语法参数 volname 显示指定的ISO-9660格式的设备的卷名称 补充说明 volname命令 用于显示指定的“ISO-9660”格式的设备的卷…

    入门教程 2024年 3月 11日
  • seinfo

    文章目录seinfo补充说明语法选项实例 seinfo 查询SELinux的策略提供多少相关规则 补充说明 seinfo命令 是用来查询SELinux的策略提供多少相关规则,一个主…

    入门教程 2024年 3月 4日
  • telinit

    文章目录telinit补充说明语法选项参数EnvironmentFiles telinit 切换当前正在运行系统的运行等级 补充说明 telinit命令 用于切换当前正在运行的Li…

    入门教程 2024年 3月 11日
  • chpasswd

    文章目录chpasswd补充说明语法选项实例 chpasswd 批量更新用户口令的工具 补充说明 chpasswd命令 是批量更新用户口令的工具,是把一个文件内容重新定向添加到/e…

    入门教程 2023年 12月 7日
  • TCP/IP 介绍

    TCP/IP 是用于因特网 (Internet) 的通信协议。 文章目录计算机通信协议(Computer Communication Protocol)什么是 TCP/IP?在 T…

    2023年 5月 15日
  • HTTP 消息结构

    HTTP是基于客户端/服务端(C/S)的架构模型,通过一个可靠的链接来交换信息,是一个无状态的请求/响应协议。 一个HTTP客户端是一个应用程序(Web浏览器或其他任何客户端),通…

    2023年 5月 14日
Translate »