云主机测评网云主机测评网云主机测评网

云主机测评网
www.yunzhuji.net

html如何将两个表格

要将两个表格放在同一个HTML页面中,可以使用<table>标签创建表格,并使用<tr>标签创建行,使用<td>标签创建单元格,以下是一个示例:

(图片来源网络,侵删)
<!DOCTYPE html>
<html>
<head>
    <title>两个表格示例</title>
</head>
<body>
    <h1>第一个表格</h1>
    <table border="1">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>25</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>30</td>
        </tr>
    </table>
    <h1>第二个表格</h1>
    <table border="1">
        <tr>
            <th>城市</th>
            <th>人口</th>
        </tr>
        <tr>
            <td>北京</td>
            <td>2154万</td>
        </tr>
        <tr>
            <td>上海</td>
            <td>2424万</td>
        </tr>
    </table>
</body>
</html>

在这个示例中,我们创建了两个表格,分别包含姓名、年龄和城市、人口的信息,通过使用<h1>标签创建小标题,使表格更加易于阅读。

打赏
版权声明:主机测评不销售、不代购、不提供任何支持,仅分享信息/测评(有时效性),自行辨别,请遵纪守法文明上网。
文章名称:《html如何将两个表格》
文章链接:https://www.yunzhuji.net/jishujiaocheng/26700.html

评论

  • 验证码