html中创建表格在正上方的表格标题

2020-02-21 20:37:46 阅读：554 来源： 互联网

在网页开发中会使用表格的创建，但是在表格的在上方会有标明表格信息的标题。如图所示
在这里插入图片描述
这里的表格内部注明了所有的信息，在表格上方有标题‘人员信息’，那么如何创建这个标题呢。
使用caption标签（标签定义表格的标题）
<caption> 标签必须直接放置到 <table> 标签之后。
每个表格只能规定一个标题。
通常标题会居中显示在表格上方。

很简单，只是在所创建的<table>..</table>表格标签里加入<caption>标题</caption>即可
例如：

<html>

<body>

<h4>这个表格有一个标题，以及粗边框：</h4>

<table border="6">
<caption>我的标题</caption>
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

</body>

运行后效果：
在这里插入图片描述

鬼拉怪拉发布了1 篇原创文章 · 获赞 0 · 访问量 5 私信关注

标签：创建表格,上方,表格,标签,html,信息,标题,正上方,创建
来源： https://blog.csdn.net/qq_43607992/article/details/104434055

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

html中创建表格在正上方的表格标题