HTML5 表格快速入门：基础一点通

作者：System 时间：2024年08月14日分类：所有,html5 字数：912




<!DOCTYPE html>
<html>
<head>
    <title>HTML5 表格快速入门示例</title>
    <style>
        table, th, td {
            border: 1px solid black;
            border-collapse: collapse;
        }
        th, td {
            padding: 5px;
            text-align: left;
        }
    </style>
</head>
<body>
    <h2>HTML5 表格快速入门示例</h2>
    <table>
        <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>

这段代码展示了如何创建一个简单的HTML5表格，包括表头和几行数据。同时，它还包括了一个简单的CSS样式，用于设置表格的边框和内边距，以提供更好的可视化效果。这是学习HTML表格的一个基本入门示例，适合初学者学习和模仿。

HTML5 表格快速入门：基础一点通

评论已关闭

推荐阅读