Html为表格添加标题和摘要

最新推荐文章于 2024-04-29 22:26:37 发布

没有金刚钻，也木有刷子

最新推荐文章于 2024-04-29 22:26:37 发布

阅读量1.1w

点赞数 3

分类专栏： Html 文章标签： Html

本文链接：https://blog.csdn.net/sang_12345/article/details/81297216

版权

Html 专栏收录该内容

6 篇文章 2 订阅

订阅专栏

1.添加摘要

语法：<table summary="表格简介文本">

2.添加标题

语法：

<table>
    <caption>标题文本</caption>
    <tr>
        <td>…</td>
        <td>…</td>
        …
    </tr>
…
</table>

代码如下：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>认识table表标签</title>
<style type="text/css">
table tr td,th{
    border:1px solid #000;
}
</style>
</head>
<body>
<table summary="本表格记录2012年到2013年库存记录，记录包括U盘和耳机库存量">
  <caption>2012年到2013年库存记录</caption>
  <tr>
    <th>产品名称 </th>
    <th>品牌 </th>
    <th>库存量（个） </th>
    <th>入库时间 </th>
  </tr>
  <tr>
    <td>耳机 </td>
    <td>联想 </td>
    <td>500</td>
    <td>2013-1-2</td>
  </tr>
  <tr>
    <td>U盘 </td>
    <td>金士顿 </td>
    <td>120</td>
    <td>2013-8-10</td>
  </tr>
  <tr>
    <td>U盘 </td>
    <td>爱国者 </td>
    <td>133</td>
    <td>2013-3-25</td>
  </tr>
</table>
</body>
</html>

没有金刚钻，也木有刷子

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Html为表格添加标题和摘要

1.添加摘要语法：&lt;table summary="表格简介文本"&gt;2.添加标题语法：&lt;table&gt; &lt;caption&gt;标题文本&lt;/caption&gt; &lt;tr&gt; &lt;td&gt;…&lt;/td&gt; &lt;td&gt;…&am
复制链接

扫一扫