专注Java教育14年 全国咨询/投诉热线:400-8080-105
动力节点LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 定义HTML表格

定义HTML表格

更新时间:2021-08-26 13:14:06 来源:动力节点 浏览504次

定义一个HTML表格

HTML中的表格由行和列内的表格单元格组成

例子

一个简单的HTML表格:

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
</table>

表格单元格

每个表格单元格由一个<td>和一个</td>标签定义 。

td 代表表数据。

介于两者之间的<td>,并</td>在表格单元格的内容。

例子

<table>
  <tr>
    <td>Emil</td>
    <td>Tobias</td>
    <td>Linus</td>
  </tr>
</table>

注意:表数据元素是表的数据容器。

它们可以包含各种 HTML 元素;文本、图像、列表、其他表格等。

表格行

每个表格行都以 a 开头<tr>并以一个</tr>标签结尾。

tr 代表表格行。

例子

<table>
  <tr>
    <td>Emil</td>
    <td>Tobias</td>
    <td>Linus</td>
  </tr>
  <tr>
    <td>16</td>
    <td>14</td>
    <td>10</td>
  </tr>
</table>

您可以在表格中拥有任意多的行,只需确保每行中的单元格数量相同。

注意:有时一行的单元格可能比另一行少或多。

表头

有时你希望你的单元格成为标题,在这些情况下使用<th>标签而不是<td>标签:

例子

让第一行是表头:

<table>
  <tr>
    <th>Person 1</th>
    <th>Person 2</th>
    <th>Person 3</th>
  </tr>
  <tr>
    <td>Emil</td>
    <td>Tobias</td>
    <td>Linus</td>
  </tr>
  <tr>
    <td>16</td>
    <td>14</td>
    <td>10</td>
  </tr>
</table>

默认情况下,<th>元素中的文本是粗体且居中的,但您可以使用CSS更改它。

以上就是动力节点小编介绍的"定义HTML表格",希望对大家有帮助,想了解更多可查看HTML教程。动力节点在线学习教程,针对没有任何Java基础的读者学习,让你从入门到精通,主要介绍了一些Java基础的核心知识,让同学们更好更方便的学习和了解Java编程,感兴趣的同学可以关注一下。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>