HTML的表格

表格
有很多行，很多列，有序排列的单元格就叫表格。表格是< table >标签来定义的，行用< tr > 标签来表示，而列用< td >标签来表示，必须先定义行才能定义列。因为html中，每一列是在一行当中的。
< table>< /table>、< tr>< /tr>、< td>< /td>是创建表格的基本标签，缺一不可。
表头标签：< th >
表头一般位于表格的第一行或第一列，其文本加粗居中，如下图所示，即为设置了表头的表格。设置表头非常简单，只需用表头标签th/th替代相应的单元格标签td/td即可。
在这里插入图片描述
表格的标题标签：< caption >

<html>
    <head>
        <link rel="stylesheet" href="Untitled-1.css">
    </head>
    <body>
        <table border="1">
            <caption>表格标题</caption>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
            </tr>
            <tr>
                <td>5</td>
                <td>6</td>
                <td>7</td>
                <td>8</td>
            </tr>
        </table>
    </body>
</html>

在这里插入图片描述
border是

标签的一个属性。border这个属性是代表表格的边框。如果不加border属性的话，默认border=“0” 。
关于表格还有一些其他属性：设置表格内的边距 cellpadding 属性，表格内的颜色bgcolor属性，单元格内容排列 align 属性值分别有center、left、right，合并单元格colspan 属性，，，如下表格
在这里插入图片描述

<html>
    <head>
        <link rel="stylesheet" href="Untitled-1.css">
    </head>
    <body>
        <table border="1" bgcolor="red" cellpadding="10">
            <caption>表格标题</caption>
            <tr>
                <th>表头</th>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
            </tr>
            <tr>
                <th>表头</th>
                <td>5</td>
                <td>6</td>
                <td>7</td>
                <td>8</td>
            </tr>
            <tr>
                <td colspan="5" align="center">9</td>
            </tr>
        </table>
    </body>
</html>

在这里插入图片描述

东耳反先生

发布了27 篇原创文章 · 获赞 31 · 访问量 2639

私信关注

猜你喜欢