HTML标签_表格标签2和HTML标签_总和案例_分析

HTML标签_表格标签2

tr：定义行

　　>bgcolor：背景色

　　>align：对齐方式

td：定义单元格

　　>colspan：合并列

　　>rowspan：合并行

th：定义表头单元格

<caption>：表格标题

<thead>：表示表格的头部分

<tbody>：表示表格的体部分

<tfoot>：表示表格的脚部分

<table border="1" width="50%" cellpadding="0" cellspacing="0" bgcolor="#5f74ff" align="center">
    <caption>学生信息表</caption>
    <thead>
    <tr>
        <!--<td>学号</td>
        <td>姓名</td>
        <td>成绩</td>-->
        <!-- 默认加粗居中 -->
        <th>学号</th>
        <th>姓名</th>
        <th>成绩</th>
    </tr>
    </thead>

    <tbody>
    <tr bgcolor="#dcdcdc" align="center">
        <td>1</td>
        <td>张三</td>
        <td>111</td>
    </tr>
    <tr>
        <td>2</td>
        <td>李四</td>
        <td>995</td>
    </tr>
    </tbody>

    <tfoot>
    <tr>
        <td>3</td>
        <td>王五</td>
        <td>456</td>
    </tr>
    </tfoot>
</table>

<hr>

<table border="1" width="50%" cellpadding="0" cellspacing="0" bgcolor="#5f74ff" align="center">
    <tr>
        <th rowspan="2">学号</th>
        <th>姓名</th>
        <th>成绩</th>
    </tr>
    <tr>
        <td>张三</td>
        <td>111</td>
    </tr>
    <tr>
        <td>2</td>
        <td colspan="2">李四</td>
    </tr>
</table>

 

HTML标签_总和案例_分析

案例：旅游网站首页

1.确定使用table来完成布局

2.如果某一行只有一个单元格，则使用

3.如果某一行有多个单元格

 <tr>
​    <td>
​        <table> </table>
​   </td>
</tr>

 

 

posted @ 2022-08-01 10:02  魔光领域  阅读(29)  评论(0)  编辑  收藏  举报