html基本标签6：表格标签table

最新推荐文章于 2024-08-12 21:44:16 发布

榆木人生

最新推荐文章于 2024-08-12 21:44:16 发布

阅读量777

点赞数 36

文章标签： html 前端

本文链接：https://blog.csdn.net/2402_84324173/article/details/138057830

版权

<table>;

功能：利用其中的子标签等定义整个表格

属性；

1.边框border

2.宽度width

3.高度height

4.单元格之间的距离cellspacing（默认2像素）

前者两像素，后者零像素

5.内容离边框的距离cellpadding（默认1像素）

6.控制表格相对于页面的位置align

<tr>;

控制（定义）表格的一行

<td>；

控制一个单元格中的内容

属性；

1.rowspan

控制合并单元格（竖向）

2.colspan

控制合并单元格（横向）

<th>

控制表头单元格

<thead>

类似于<table>,利用子标签定义表头

默认居中加粗表示其中内容

<tbody>;

类似于<table>,利用子标签定义表格主体内容（除表头以外的内容）

功能：表格主体内容

表格例子：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <table border="1" cellspacing="0px">
    <tr>
      <td>
        张三
      </td>
      <td>
        男
      </td>
      <td>
        18
      </td>
    </tr>
    <tr>
      <td>
        李四
      </td>
      <td>
        男
      </td>
      <td>
        18
      </td>
    </tr>
  </table>
</body>

</html>

tips：一般table的子标签是tr，tr的子标签则有td或th。即父子标签。

榆木人生

关注

36
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
html基本标签6：表格标签table

tips：一般table的子标签是tr，tr的子标签则有td或th。类似于<table>,利用子标签定义表格主体内容（除表头以外的内容）4.单元格之间的距离cellspacing（默认2像素）5.内容离边框的距离cellpadding（默认1像素）类似于<table>,利用子标签定义表头。6.控制表格相对于页面的位置align。：利用其中的子标签等定义整个表格。前者两像素，后者零像素。控制（定义）表格的一行。控制一个单元格中的内容。控制合并单元格（竖向）控制合并单元格（横向）3.高度height。
复制链接

扫一扫