Warning: Undefined array key "custom_message" in /www/wwwroot/bbs.aaronyang.cc/wp-content/plugins/wpcopyrights/index.php on line 105

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

相关推荐

  • Pandas安装

    安装 pandas 需要基础环境是 Python,开始前我们假定你已经安装了 Python 和 Pip。 使用 pip 安装 pandas: pip install pandas …

    2023年 5月 16日
  • mktemp

    文章目录mktemp补充说明语法选项参数 mktemp 创建临时文件供shell脚本使用 补充说明 mktemp命令 被用来创建临时文件供shell脚本使用。 语法 mktemp(…

    入门教程 2024年 1月 3日
  • Java 正则表达式

    正则表达式定义了字符串的模式。 正则表达式可以用来搜索、编辑或处理文本。 正则表达式并不仅限于某一种语言,但是在每种语言中有细微的差别。 文章目录正则表达式实例实例捕获组实例Reg…

    入门教程 2023年 3月 4日
  • mesg

    文章目录mesg补充说明语法参数实例 mesg 设置当前终端的写权限 补充说明 mesg命令 用于设置当前终端的写权限,即是否让其他用户向本终端发信息。将mesg设置y时,其他用户…

    入门教程 2024年 1月 3日
  • printf

    文章目录printf目录内建命令概要主要用途选项参数返回值例子注意外部命令概要主要用途选项参数例子返回值注意 printf 格式化并输出结果。 目录 bash内建命令 GNU co…

    入门教程 2024年 3月 1日
  • lvremove

    文章目录lvremove补充说明语法选项参数实例 lvremove 删除指定LVM逻辑卷 补充说明 lvremove命令 用于删除指定LVM逻辑卷。如果逻辑卷已经使用mount命令…

    入门教程 2023年 12月 19日
  • 常用函数

    以下列出了 Pandas 常用的一些函数及使用实例: 文章目录读取数据实例查看数据实例实例数据清洗实例数据选择和切片实例数据排序实例数据分组和聚合实例数据合并实例数据选择和过滤数据…

    2023年 5月 16日
  • 环境设置

    如果您想要设置 C++ 语言环境,您需要确保电脑上有以下两款可用的软件,文本编辑器和 C++ 编译器。 文章目录文本编辑器C++ 编译器安装 GNU 的 C/C++ 编译器UNIX…

    2024年 3月 18日
  • domainname

    文章目录domainname补充说明语法选项参数实例 domainname 显示和设置系统的NIS域名 补充说明 domainname命令 用于显示和设置系统的NIS域名。 语法 …

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

    文章目录jq补充说明安装语法选项例子 jq 一个灵活的轻量级命令行JSON处理器 补充说明 jq 是 stedolan 开发的一个轻量级的和灵活的命令行JSON处理器,源码请参考 …

    入门教程 2023年 12月 19日
Translate »