定义HTML表格 - 极悦
首页 课程 师资 教程 报名

定义HTML表格

  • 2021-08-26 13:14:06
  • 604次 极悦

定义一个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编程,感兴趣的同学可以关注一下。

选你想看

你适合学Java吗?4大专业测评方法

代码逻辑 吸收能力 技术学习能力 综合素质

先测评确定适合在学习

在线申请免费测试名额
价值1998元实验班免费学
姓名
手机
提交