表格标签

  <!--table
            语法: <table>...</table>
            相关属性：
                border  设置表格的边框，默认为0
                cellspacing-单元格与单元格的距离；
                cellpadding-内容距边框的距离；
                algin=center-表示表格居中；
                width、height设置表格的宽、高
                bgcolor-设置表格的背景颜色
                bordercolor  设置边框颜色
                background  设置背景图片，默认水平垂直平铺

        caption 定义表格的标题
            注意：
                通常会居中显示于表格之上；
                必须紧随table标签之后；
                只有存在于表格中才有意义

        th 表头单元格 里面的文字默认加粗、居中显示
            语法：<th>...</th>
            相关属性：
                algin=center-设置内容居中显示;

        tr
            语法：<tr>...</tr>
            相关属性：
                height  设置一行的高度
                bgcolor  设置一行的背景颜色
                background  设置一行的背景图片
                align  设置行里面内容的水平对齐方式，默认left，取值center、right
                valign  设置行里面内容的垂直对齐方式，默认middle，取值top、bottom
        
        td 
            语法：<td>...</td>
            相关属性：
                width  设置单元格的宽度，同列等宽
                height  设置单元格的高度，同行等高
                align  设置单元格内容的水平对齐方式
                valign  设置单元格内容的垂直对齐方式
                bgcolor  设置单元格的背景颜色
                background  设置单元格的背景图片
                colspan  跨列，水平合并，从左往右，写在开始的td中，取值为数值，水平合并删除同一行的td
                删除的个数 = 合并的个数 - 1
                rowspan  跨行，垂直合并，从上往下，写在开始的td中，取值为数值，垂直合并删除下面行的td
                删除的个数 = 合并的个数 - 1
        -->

    <!--案例1-->
    <table border="1" bgcolor="#a9a9a9" cellspacing="0" cellpadding="5" width="300px" align="left">
        <!--第1行-->
        <tr>
            <td>姓名</td>
            <td>性别</td>
            <td>年龄</td>
            <td>爱好</td>
        </tr>

        <!--第2行-->
        <tr>
            <td>张三</td>
            <td>男</td>
            <td>19</td>
            <td>排球</td>
        </tr>

        <!--第3行-->
        <tr>
            <td>李四</td>
            <td>男</td>
            <td>20</td>
            <td>写作</td>
        </tr>

        <!--第4行-->
        <tr>
            <td>张美美</td>
            <td>女</td>
            <td>18</td>
            <td>钢琴</td>
        </tr>
    </table>

    <!--案例2-->
    <table border="1" bgcolor="#a9a9a9" cellspacing="0" cellpadding="5" width="300px" align="right">
        <caption>个人信息统计表</caption>

        <!--第1行-->
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>爱好</th>
        </tr>

        <!--第2行-->
        <tr>
            <td>张三</td>
            <td>男</td>
            <td>19</td>
            <td>排球</td>
        </tr>

        <!--第3行-->
        <tr>
            <td>李四</td>
            <td>男</td>
            <td>20</td>
            <td>写作</td>
        </tr>

        <!--第4行-->
        <tr>
            <td>张美美</td>
            <td>女</td>
            <td>18</td>
            <td>钢琴</td>
        </tr>
    </table>

    <!-- 案例3 -->
    <table border="1" align="center" width="500" height="240" cellspacing="0" cellpadding="10">
        <caption>
            <h3>小说排行榜</h3>
        </caption>

        <tr>
            <th>排名</th>
            <th>关键词</th>
            <th>趋势</th>
            <th>今日搜索</th>
            <th>最近七日</th>
            <th>相关链接</th>
        </tr>

        <tr>
            <td>1</td>
            <td>鬼吹灯</td>
            <td>
                <img src="../images/up.jpg">
            </td>
            <td>356</td>
            <td>3560</td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>

        <tr>
            <td>2</td>
            <td>鬼吹灯</td>
            <td>
                <img src="../images/down.jpg">
            </td>
            <td>356</td>
            <td>3560</td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>

        <tr>
            <td>3</td>
            <td>鬼吹灯</td>
            <td>
                <img src="../images/up.jpg">
            </td>
            <td>356</td>
            <td>3560</td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>

        <tr>
            <td>4</td>
            <td>鬼吹灯</td>
            <td>
                <img src="../images/down.jpg">
            </td>
            <td>356</td>
            <td>3560</td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>

        <tr>
            <td>5</td>
            <td>鬼吹灯</td>
            <td>
                <img src="../images/up.jpg">
            </td>
            <td>356</td>
            <td>3560</td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>

        <tr>
            <td>6</td>
            <td>鬼吹灯</td>
            <td>
                <img src="../images/up.jpg">
            </td>
            <td>356</td>
            <td>3560</td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>
    </table>

标签：3560,知识,整合,表格,百科,单元格,356,HTML,设置
来源： https://blog.csdn.net/weixin_43285360/article/details/115381843