用表格和表单制作如下网页。完整html代码

用表格和表单制作如下网页。完整html代码,第1张

1、使用标签<table></table>定义网页的表格,使用style赋值类型将显示在网页。

2、使用<tr>标签定义行,使用<th>定义表头,表头的文字自动加粗。

3、<tr>和<td>标签配合,定义每行中的表格数量,现在定义3行5列的表格。

4、使用<caption></caption>定义表格的标题。

5、表格分为三个部分,表头部,表主体,表尾部。

6、表头部和主体分别放标题和表格的内容,而表的尾部通常放的是页数。

代码(大小有需要可以调):

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>练习使用HTML</title>

    </head>

    <body>

        <center>

            <table border="1px" cellpadding="0px" cellspacing="0px">

                <tr>

                    <td colspan="4" height="60px"></td>

                </tr>

                <tr>

                    <td width="200px" height="60px"></td>

                    <td width="200px" height="60px"></td>

                    <td width="200px" height="60px"></td>

                    <td width="200px" height="60px"></td>

                </tr>

                <tr>

                    <td colspan="4" height="60px"></td>

                </tr>

                <tr>

                    <td colspan="4" height="60px"></td>

                </tr>

                <tr>

                    <td colspan="4" height="60px"></td>

                </tr>

                <tr>

                    <td colspan="4" height="60px"></td>

                </tr>

            </table>

        </center>

    </body>

</html>

运行效果:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7605055.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-07
下一篇2023-04-07

发表评论

登录后才能评论

评论列表(0条)

    保存