表格标签

116 阅读2分钟

表格标签

<table>

  • 用于定义表格标签。

<tr>

  • 用于定义表格中的行,必须嵌套在<table>中。

<td>

  • 用于定义表格中的单元格,必须嵌套在<tr>中。

属性:

  • <table>标签的相关属性:

    • cellspacing:定义单元格之间的空白,默认2像素。
    • cellpadding:定义单元边沿与其内容之间的空白,默认像素为1,表示内边距。
    • width:定义表格的宽度,可以为像素值或百分比。
    • height:定义表格的高度,可以为像素值或百分比。
    • border:定义表格的边框,默认为1像素,如果设置为"",表示没有边框。
  • <tr>标签的相关属性:无

  • <td>标签的相关属性:无

<thead>

  • 表格头部标签,用于定义表格的表头,其中包含表头行<tr>和表头单元格<th>

<tbody>

  • 表格主体标签,用于定义表格的主要内容,其中包含数据行<tr>和数据单元格<td>

<th>

  • 表头单元格标签,用于定义表格的表头内容,字体会居中且加粗。

表格的布局属性

  • align:定义对齐方式,可以设置为left、center、right。

数据行的对齐属性

  • align:定义对齐方式,可以设置为left、center、right。

示例代码中的表格

姓名 年龄 性别
小明 12
小黄 15
小花 12
属性名 属性值 描述
align left、center、right 对齐方式
border 1或"" 边框,默认为"",表示没有边框
cellpadding 像素值 单元边沿与其内容之间的空白,默认像素为1,内边距
cellspacing 像素值 单元格之间的空白,默认2像素
width 像素值或百分比 表格的宽度
```
<table cellspacing="10" cellpadding="1" width="169px" height="153" border="1" align="center">
     <thead>
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
    </thead>
    <tbody>
        <tr align="center">
            <td>小明</td>
            <td>12</td>
            <td></td>
        </tr>
        <tr align="center">
            <td>小黄</td>
            <td>15</td>
            <td></td>
        </tr>
        <tr align="center">
            <td>小花</td>
            <td>12</td>
            <td></td>
        </tr>
    </tbody>
</table>
<table>
    <tr>
        <th>属性名</th>
        <th>属性值</th>
        <th>描述</th>
    </tr>
    <tr>
        <td>align</td>
        <td>left、center、right</td>
        <td>对齐方式</td>
    </tr>
    <tr>
        <td>border</td>
        <td>1或""</td>
        <td>边框,默认为"",表示没有边框</td>
    </tr>
    <tr>
        <td>cellpadding</td>
        <td>像素值</td>
        <td>单元边沿与其内容之间的空白,默认像素为1,内边距</td>
    </tr>
    <tr>
        <td>cellspacing</td>
        <td>像素值</td>
        <td>单元格之间的空白,默认2像素</td>
    </tr>
    <tr>
        <td>width</td>
        <td>像素值或百分比</td>
        <td>表格的宽度</td>
    </tr>
</table>
```

在示例代码中,包含了两个表格,第一个表格是一个简单的表格,用于演示表格的基本结构。第二个表格是一个具有样式和属性的数据表格,其中包含表头和数据行,使用了一些属性来定义表格的样式和布局。