table表格添加文字,table动态添加表格

首页 > 经验 > 作者:YD1662022-10-29 01:09:32

表格标题和表头单元格标签的了解

使用场景的介绍:在表格中表示整体大标题和一列小标题。

其他标签的介绍:

标签名称:caption;

名称说明:表示表格的大标题;

标签说明:表示表格整体大标题,默认在表格整体顶部居中位置显示。

标签名称:th;

名称说明:表示表头的单元格;

标签说明:表示一列小标题,通常用于表格第一行,默认内部文字加粗并居中显示。

注意事项:caption标签书写在table标签内部;th标签书写在tr标签内部(用于替换td标签)

程序代码示例:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<!--table包含tr,tr包含td-->

<table border="1">


<caption>人员信息表</caption>

<tr>

<th>姓名</th>

<th>年龄</th>

<th>工作</th>

</tr>

<tr> <td>wangdongdong</td> <td>27</td> <td>IT程序员</td> </tr> <tr> <td>王東東Rex</td> <td>27</td> <td>今日头条</td> </tr>

</table></body></html>

程序执行效果:

table表格添加文字,table动态添加表格(1)

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.