如何在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



相关文章
|
22天前
html中div内容居中的方法使用弹性盒子居中
html中div内容居中的方法使用弹性盒子居中
8 0
N..
|
29天前
|
前端开发 开发者
HTML表格
HTML表格
N..
11 1
|
1月前
|
移动开发 前端开发 HTML5
【基于HTML5的网页设计及应用】——实现个人简历表格和伪类选择器应用
【基于HTML5的网页设计及应用】——实现个人简历表格和伪类选择器应用
48 0
HTML输出特殊字符详细方法
以下是部分特殊字符代码表,它们的完整应用代码格式为:`&#××××;`用下面的四位数字替换×,将得到对应的符号。(注意:应用这些代码,编辑器应该切换到HTML模式)
|
3月前
|
前端开发 JavaScript
如何固定html表格头部,用css样式即可实现,操作简便、代码简单
如何固定html表格头部,用css样式即可实现,操作简便、代码简单
29 0
|
4月前
|
JavaScript 前端开发
JavaScript DOM 操作:如何选中一个 HTML 元素?有哪些方法?
JavaScript DOM 操作:如何选中一个 HTML 元素?有哪些方法?
65 1
|
2月前
|
小程序
微信小程序中识别HTML标签的方法
微信小程序中识别HTML标签的方法
|
1月前
|
移动开发 HTML5
HTML5表格简单应用案例之[招聘需求表]
HTML5表格简单应用案例之[招聘需求表]
11 0
|
1月前
HTML列表、表格和媒体元素
HTML列表、表格和媒体元素
11 0
|
1月前
|
前端开发
编程笔记 html5&css&js 016 HTML表格
编程笔记 html5&css&js 016 HTML表格