0 0 1 9 - 表格（表单他二哥）

soulwyb · 发表于 2018-10-15 23:53:04

<!doctype>
<html>

<head>
    <title>19</title>
    <meta charset="utf-8">
    <style type="text/css">
        thead {
            color: red;
        }
        
        tbody {
            color: blue;
            height: 50px;
        }
    </style>
</head>

<body>
    <table border="16" width="66%" align="center">
        <thead>
            <caption>标题</caption>
            <tr>
                <td colspan="2">鱼C信息表</td>
            </tr>
            <tr>
                <td>姓名</td>
                <td>年龄</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>小甲鱼</td>
                <td>28</td>
            </tr>
            <tr>
                <td>不二如是</td>
                <td>18</td>
            </tr>
        </tbody>
    </table>
</body>

</html>

QiaoaiMen · 发表于 2018-11-15 19:17:16

交作业，终于知道怎么发图片了。

<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>019练习（表格）</title>
        <style type="text/css">
                thead{color: green}
                tbody{
                        color: blue;
                        height: 500px;
                }
        </style>
</head>
<body>
        <table border="16" width=66%" align="center">   <!--border控制的应该是外边框线，width是占页面宽度的比例*/-->
                <thead align="center">
                        <tr>
                                <td colspan="2">鱼C信息表</td>
                        </tr>
                        <caption>鱼C信息表</caption>
                        <tr>
                                <th>姓名</th>
                                <th>年龄</th>
                        </tr>
                </thead>

                <tbody align="center">
                        <tr>
                                <td>小甲鱼老湿：</td>
                                <td>28</td>
                        </tr>
                        <tr>
                                <td>不二如是：</td>
                                <td>18</td>
                        </tr>
                </tbody>
</body>
</html>
<img src="https://fishc.com.cn/forum.php?mod=image&aid=104811&size=300x300&key=aa4648f036eb3f1b&nocache=yes&type=fixnone" aid="attachimg_104811" alt="" border="0">

guohuo888meng@1 · 发表于 2019-2-12 16:38:50

刮刮乐
100万
1000万

guohuo888meng@1 · 发表于 2019-2-12 16:39:50

刮刮乐
100万
1000万

phszhuli · 发表于 2019-4-23 15:50:50

<!DOCTYPE html>
<html>
<head>
        <title>表格</title>
        <meta charset="utf-8">
        <style type="text/css">
                thead {color:blue;}
                tbody {color:red;height: 50px}
                caption{color:green;}
        </style>
</head>
<body>
        <table border="1" width="50%" align="center">
                <!--border用来设置表格线宽宽度-->
                <caption>鱼C表</caption><!--作为标题，只能有一个-->
                <thead align="center">
                <tr>
                        <td colspan="2">鱼C信息表</td>
                        <!--colspan的值就是合并几个单元格的意思-->
                </tr>
                <tr>
                        <th>姓名</th><!--th用做二级标题-->
                        <th>年龄</th>
                </tr>
                </thead>

                <tbody align="center">
                <tr><!--tr，代表一行表格-->
                        <td>小甲鱼老师：</td>
                        <td>28</td><!--td,代表单元格-->
                </tr>
                <tr>
                        <td>不二如是：</td>
                        <td>18</td>
                </tr>
                </tbody>
                <!--为了区分表头和表格内容，使用thead、tbody类似区块-->
        </table>
</body>
</html>

fangfangfengfei · 发表于 2019-6-14 09:12:32

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <table border="10px" cellpadding='20px'  cellspacing='15' align='center'>
            <caption>nihao鱼C信息表</caption>
        <tr align="center">
            <td colspan="2">鱼C信息表</td>   <!--列-->
        </tr>
        <tr> 
            <td rowspan="2">1行1列</td>  <!--行-->
            <td>1行2列</td>
        </tr>
        
        <tr>
           
            <td>2行二列</td>
        </tr>
        
    </table>
</body>
</html>

克里斯保罗 · 发表于 2019-8-14 16:21:46

交作业！

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>table</title>
        <style type="text/css">
                thead{
                        color: blue
                }
                tbody{
                        color: green;
                        height: 50px
                }
        </style>
</head>
<body>
        <table border="1">
                <thead>
                <tr>
                <td colspan="2">假期学习内容</td>
                </tr>
                <caption>假期学习内容</caption>
                <tr>
                        <td>名称</td>
                        <td>好感度</td>
                </tr>
                </thead>
                <tbody>
                <tr>
                        <td >HTML</th>
                        <td>99</td>
                </tr>
                <tr>
                        <td>Python</td>
                        <td>99</td>
                </tr>
        </tbody>
        </table>
</body>
</html>

huanghuiyv · 发表于 2020-8-17 22:29:45

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>表格</title>
    </head>

    <body>
        <table border="16" width="66%" align="center">
            <caption>鱼C信息表</caption>
            <tr>
                <td colspan="2">鱼C信息表</td>
            </tr>
            <tr>
                <td>姓名</td>
                <td>年龄</td>
            </tr>
            <tr>
                <td>小甲鱼</td>
                <td>18</td>
            </tr>
            <tr>
                <td>不二如是</td>
                <td>18</td>
            </tr>
        </table>
    </body>
</html>

账号		自动登录	找回密码
密码			立即注册

[庖丁解牛] 0 0 1 9 - 表格（表单他二哥）

点评

评分

浏览过的版块