demo48-表格标签

Posted huaibin

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了demo48-表格标签相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            table{
                width: 800px;
                height: 50px;
                border: 1px solid black;
            }
            tr,td,th{
                width: 800px;
                height: 50px;
                border: 1px solid black;
                text-align: center;
            }
            /*去掉a标签的下划线*/
            a{
                text-decoration: none;
            }
            .bg{
                background: yellow;
            }
        </style>
    </head>
    <body>
        <!--创建一个表格
            在写表格标签的时候必须先有行
            tr:行标签,t代表table,r表示row,所以tr就是表格行标签,简称行标签
            table cellpadding="0px":设置表格和表格之间的间距
        -->
        <table cellpadding="0px">
            <!--tr:创建一行-->
            <tr>
                <!--创建列
                    th:表头,t是table的意思,h是header的意思.所以th合起来就是表格头标签.简称表头标签
                -->
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
            </tr>
            <tr class="bg">
                <td><a href="#">柳言</a></td>
                <td>女</td>
                <td>28</td>
            </tr>
            <tr>
                <td>柳瑞</td>
                <td>男</td>
                <td>25</td>
            </tr>
            <tr>
                <td>柳瑞瑞</td>
                <td>男</td>
                <td>35</td>
            </tr>
            <tr>
                <td>周忠杰</td>
                <td>男</td>
                <td>55</td>
            </tr>
        </table>
    </body>
</html>

演示效果:

技术图片

 

以上是关于demo48-表格标签的主要内容，如果未能解决你的问题，请参考以下文章

怎么用CSS设置html中的表格边框样式

如何在html的表格中加入边框线

48个值得掌握的JavaScript代码片段（上）

非常有用的 48 个 JavaScript 代码片段

如何通过代码设置片段标签？

精心收集的 48 个 JavaScript 代码片段，仅需 30 秒就可理解