如何在html页面中添加表格

在HTML页面中添加表格,可以使用<table>标签,以下是一个简单的示例:

如何在html页面中添加表格
(图片来源网络,侵删)

1、创建一个HTML文件,table_example.html

2、使用以下代码在文件中添加一个表格:

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF8">
    <title>表格示例</title>
</head>
<body>
    <!在这里添加表格 >
    <table border="1">
        <!表头 >
        <thead>
            <tr>
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
            </tr>
        </thead>
        <!表格内容 >
        <tbody>
            <tr>
                <td>张三</td>
                <td>25</td>
                <td>男</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>30</td>
                <td>女</td>
            </tr>
            <tr>
                <td>王五</td>
                <td>28</td>
                <td>男</td>
            </tr>
        </tbody>
    </table>
</body>
</html>

在这个示例中,我们使用了以下HTML标签:

<table>:用于创建表格。

<thead>:用于定义表格的表头。

<tr>:用于定义表格的行。

<th>:用于定义表头的单元格,通常,表头单元格会加粗显示。

<td>:用于定义表格的数据单元格。

原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/427956.html

本网站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本网站。如有问题,请联系客服处理。

(0)
未希新媒体运营
上一篇 2024-04-03 21:24
下一篇 2024-04-03 21:26

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

产品购买 QQ咨询 微信咨询 SEO优化
分享本页
返回顶部
云产品限时秒杀。精选云产品高防服务器,20M大带宽限量抢购 >>点击进入