html5 实现简单表格

最编程 2024-05-07 12:52:12

...

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签</title>
</head>
<body>

<table border="1" width="30%" cellpadding="0" cellspacing="0" bgcolor="#f0ffff" align="center">
    <caption>
        学生成绩表
    </caption>
    <thead>
    <tr bgcolor="#ff7f50">
        <th>编号</th>
        <th>姓名</th>
        <th>成绩</th>
    </tr>
    </thead>

    <tbody align="center">
    <tr>
        <td>1</td>
        <td>赵今麦</td>
        <td>88</td>
    </tr>

    <tr>
        <td>2</td>
        <td>欧阳娜娜</td>
        <td>100</td>
    </tr>
    </tbody>

    <tfoot align="center">
    <tr>
        <td>3</td>
        <td>迪丽热巴</td>
        <td>61</td>
    </tr>
    </tfoot>
</table>

<hr>
<table border="1" width="30%" cellpadding="0" cellspacing="0" bgcolor="#f0ffff" align="center">
    <caption>
        学生成绩表
    </caption>
    <thead>
    <tr bgcolor="#ff7f50">
        <th>编号</th>
        <th>姓名</th>
        <th>成绩</th>
    </tr>
    </thead>

    <tbody align="center">
    <tr>
        <td>1</td>
        <td>赵今麦</td>
        <td>88</td>
    </tr>

    <tr>
        <td>2</td>
        <td>欧阳娜娜</td>
        <td>100</td>
    </tr>
    </tbody>

    <tfoot align="center">
    <tr>
        <td>3</td>
        <td>迪丽热巴</td>
        <td>61</td>
    </tr>
    </tfoot>
</table>

</body>
</html>

上一篇：中国首部科幻大片 --- 我看了《流浪地球》。

html5 实现简单表格

html5 实现简单表格

Qt 实现的简单视频播放器，功能包括选择视频、播放、暂停、前进、后退、拖动进度条、显示视频长度等

html5 canvas+js 实现 ps 笔抠字（快速抠字 www.sukoutu.com）

以相反顺序播放 GIF 的简单实现

CodeMirror 6+ vue3 实现简单公式、插入标签功能

❤️ 创意网页：制作简单美观的网页旋转图（HTML 简单实现旋转图）操作简单可直接使用！

vue+elementui 的 el-upload 文件添加/多文件上传的表格内嵌实现

用 jquery 简单实现网页版模拟移动点击幻灯片

VUE 编写简单表格示例