明月看潮生

编程笔记 html5&css&js 016 HTML表格

一、HTML 表格
二、HTML 表格标签
三、边框属性
四、单元格合并
小结

表格是一种常用的文档格式。学习或办公过程中也常常使用表格。有专用的电子表格软件，如EXCEL、WPS表格等。表格也经常与文字混合在文章中使用。网页中也是一样，需要表格这种形式。

一、HTML 表格

是一种用于展示和组织数据的标记语言。表格由行和列组成，每个单元格可以包含文本、图像或其他 HTML 元素。下面是一个简单的 HTML 表格示例：

<table>
  <tr>
    <th>姓名th>
    <th>年龄th>
    <th>性别th>
  tr>
  <tr>
    <td>张三td>
    <td>25td>
    <td>男td>
  tr>
  <tr>
    <td>李四td>
    <td>30td>
    <td>女td>
  tr>
table>

在这个例子中，

元素表示一个表格。元素表示表格中的一行。

元素表示表头单元格，用于显示列的标题。	元素表示数据单元格，用于显示实际的数据。这个表格有三个列：姓名、年龄和性别，以及两行数据。可以使用 CSS 来设置表格的样式，例如调整边框、背景颜色和字体样式等： `<style> table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid black; padding: 8px; text-align: left; } th { background-color: #f2f2f2; } style>` 通过在

元素表示表头单元格，用于显示列的标题。

元素表示数据单元格，用于显示实际的数据。
这个表格有三个列：姓名、年龄和性别，以及两行数据。可以使用 CSS 来设置表格的样式，例如调整边框、背景颜色和字体样式等：

<style>
  table {
    border-collapse: collapse;
    width: 100%;
  }

  th, td {
    border: 1px solid black;
    padding: 8px;
    text-align: left;
  }

  th {
    background-color: #f2f2f2;
  }
style>

通过在