如何在HTML中添加表格标题?(HTML中table添加标题的2种方法)

简介: 如何在HTML中添加表格标题?(HTML中table添加标题的2种方法)

第一种:通过 fieldset 添加标题框


示例代码:


<html>
<body>
<fieldset>
     <legend>fieldset添加框标题</legend>
     <table width="800" border="1" >
      <tr>
            <td width="200">姓名</td>
            <td width="200">张三</td>
        </tr>
        <tr>
            <td width="200">年龄</td>
            <td width="200">20</td>
        </tr>
      </table>
</fieldset>
</body>
</html>


效果:


0.png


第二种:通过 caption 一句话添加标题


示例代码:


<html>
<body>
    <table width="400" border="1" >
        <caption align="top">一句话添加标题</caption>  
        <tr>
            <td width="200">姓名</td>
            <td width="200">张三</td>
        </tr>
        <tr>
            <td width="200">年龄</td>
            <td width="200">20</td>
        </tr>
    </table>
</body>
</html>


效果:


1.png



相关文章
|
2月前
|
前端开发
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
|
7天前
|
移动开发 JavaScript 前端开发
html table+css实现可编辑表格的示例代码
html table+css实现可编辑表格的示例代码
|
17天前
HTML 表格4
HTML 表格标签用于创建和布局表格。主要标签包括:`&lt;table&gt;` 定义表格,`&lt;th&gt;` 定义表头,`&lt;tr&gt;` 定义行,`&lt;td&gt;` 定义单元格,`&lt;caption&gt;` 定义标题,`&lt;colgroup&gt;` 和 `&lt;col&gt;` 定义列属性,`&lt;thead&gt;`、`&lt;tbody&gt;` 和 `&lt;tfoot&gt;` 分别定义表格的页眉、主体和页脚。
|
22天前
HTML 标题2
HTML标题通过&lt;h1&gt;到&lt;h6&gt;标签定义,其中&lt;h1&gt;为最大标题,&lt;h6&gt;为最小标题。&lt;hr&gt;标签用于创建水平线,分隔页面内容。注释通过&lt;!-- --&gt;添加,提高代码可读性,浏览器不显示。
|
22天前
|
搜索推荐 索引 SEO
HTML 标题1
HTML标题通过&lt;h1&gt;至&lt;h6&gt;标签定义,&lt;h1&gt;为最大,&lt;h6&gt;为最小。浏览器自动在标题前后添加空行。标题对网页结构和搜索引擎优化至关重要,应按重要性顺序使用,以帮助用户快速浏览页面内容。
|
17天前
HTML 表格2
本示例展示了如何使用 HTML 的 `&lt;table&gt;` 标签和 `border` 属性创建一个带有边框的简单表格。表格包含两行两列,每行有两个单元格,通过设置 `border=&quot;1&quot;` 显示边框。
|
17天前
|
前端开发
HTML 表格1
HTML 表格是用于展示结构化数据的标记语言元素,由 `&lt;table&gt;` 标签定义。表格包含行(`&lt;tr&gt;`)、单元格(`&lt;td&gt;`)和表头(`&lt;th&gt;`)。表格可细分为 `&lt;thead&gt;`(标题部分)和 `&lt;tbody&gt;`(主体部分),支持合并单元格、跨行/跨列操作及 CSS 样式定制。
|
1月前
HTML表格
HTML表格
42 4
|
17天前
HTML 表格3
HTML 表格的表头使用 `&lt;th&gt;` 标签定义,通常以粗体居中显示。
|
1月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
19 1

热门文章

最新文章