当前位置：首页 > 行业动态 > 正文

html如何将两个表格

admin
行业动态
2024-03-30
1

要将两个表格放在同一个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>标签创建小标题，使表格更加易于阅读。