前端开发表格案例

最新推荐文章于 2024-08-11 23:38:32 发布

优秀的麒麟

最新推荐文章于 2024-08-11 23:38:32 发布

阅读量682

点赞数

分类专栏：前端开发文章标签： html html5

本文链接：https://blog.csdn.net/qq_44102963/article/details/107428786

版权

前端开发专栏收录该内容

4 篇文章 0 订阅

订阅专栏

表格综合案例解析

知识详解
代码解析

知识详解

浏览器中标题栏"head"显示

    <meta charset="UTF-8">
    <title>表格案例</title>

定义一个“table”设置边框、宽度’高度，添加一个表格标题，在每行中添加所需要的内容。在“thead”中添加表格的表头，在“tbody”中填写内容

表格综合案例
作品	主角	武功
倚天屠龙记	张无忌	九阳神功
笑傲江湖	令狐冲	孤独九剑

代码解析

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>表格案例</title>
    </head>
    <body>
        <table border="1" width="300" height="300">
            <caption>表格综合案例</caption>
            <thead>
                <tr>
                    <th>作品</th>
                    <th>主角</th>
                    <th>武功</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th>倚天屠龙记</th>
                    <th>张无忌</th>
                    <th>九阳神功</th>
                </tr>
                <tr>
                    <th>笑傲江湖</th>
                    <th>令狐冲</th>
                    <th>孤独九剑</th>
                </tr>
            </tbody>

        </table>
    </body>
</html>