原生 html 绘制表格

这篇文章距离上次修改已过443天，其中的内容可能已经有所变动。

要在原生HTML中绘制一个表格，你可以使用<table>, <tr>, <th>, 和 <td>元素。以下是一个简单的例子：




<!DOCTYPE html>
<html>
<head>
    <title>简单表格</title>
</head>
<body>
 
<table border="1">
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>职业</th>
    </tr>
    <tr>
        <td>张三</td>
        <td>28</td>
        <td>软件工程师</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>25</td>
        <td>产品经理</td>
    </tr>
    <tr>
        <td>王五</td>
        <td>32</td>
        <td>项目经理</td>
    </tr>
</table>
 
</body>
</html>

这段代码会创建一个有3列和3行（包括表头）的表格，并且每个单元格都有边框。你可以根据需要添加更多的行和列。

原生 html 绘制表格

评论已关闭

推荐阅读