HTML 表格的语法如下:

<table>
  <tr>
    <th>表头单元格1</th>
    <th>表头单元格2</th>
  </tr>
  <tr>
    <td>数据单元格1</td>
    <td>数据单元格2</td>
  </tr>
  <tr>
    <td>数据单元格3</td>
    <td>数据单元格4</td>
  </tr>
</table>

其中,`

` 标签用于创建表格,`` 标签用于创建表格的行,`
` 标签用于创建表格的表头单元格,`` 标签用于创建表格的数据单元格。

在上述代码中,表格有两行和两列,第一行是表头行,包含两个表头单元格,第二行和第三行是数据行,每行有两个数据单元格。

关于 border 属性

可以通过 CSS 来设置表格的边框样式。可以在 `

` 标签中使用 `border` 属性来设置整个表格的边框,也可以在 `
` 和 `` 标签中使用 `border` 属性来设置单元格的边框。

设置表格边框

例如,可以在 `

` 标签中使用 `border` 属性来设置表格的边框宽度和样式:

<table border='1'>
  ...
</table>

在上述代码中,`border='1'` 表示表格边框宽度为 1 个像素。

设置单元格边框

也可以在 `

` 和 `` 标签中使用 `border` 属性来设置单元格的边框宽度和样式:

<th style='border: 1px solid black;'>表头单元格</th>

在上述代码中,`style` 属性用于设置内联样式,`border: 1px solid black;` 表示单元格边框宽度为 1 个像素,样式为实线,颜色为黑色。

其他 CSS 属性

除了使用 `border` 属性,还可以使用其他 CSS 属性来设置表格的边框样式,如 `border-width`、`border-style` 和 `border-color` 等。

HTML 表格语法详解:创建、边框设置及样式

原文地址: https://www.cveoy.top/t/topic/pdP3 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录