学习HTML第三课时

前言

欢迎大家来和我一同学习HTML的知识，今天让我继续来和大家分享一下新知识吧！

标签学习

colspan

rowspan

colspan标签

colspan标签的作用是合并表格中同行的单元格

<td colspan="4"></td>

rowspan标签

rowspan标签的作用是合并表格同列的单元格

<td rowspan="2"></td>
            <td></td>
            <td></td>
            <td></td>

caption标签

caption标签的作用于体现表格标题

<caption>阿里职级薪资</caption>

thead标签，tbody标签，tfoot标签

thead标签，tbody标签和tfoot标签作用于将表格分别分为表格头，表格体和表格尾三个结构分组

<thead>
        <tr>
            <th rowspan="2">序号</th>
            <th colspan="6" align="center">内容</th>
        </tr>
        <tr align="center">
            <th>P序列</th>
            <th>P级名称</th>
            <th>M序列</th>
            <th>M级名称</th>
            <th>薪资</th>
            <th>股票</th>
        </tr>
        </thead>
        <tbody>
        <tr align="center">
            <th>1</th>
            <td>P6</td>
            <td>资深工程师</td>
            <td>M1</td>
            <td>主管</td>
            <td>20W-35W</td>
            <td>几乎不授予</td>
        </tr>
        <tr align="center">
            <th>2</th>
            <td>P7</td>
            <td>技术专家</td>
            <td>M2</td>
            <td>经理</td>
            <td>30W-50W</td>
            <td>2400股</td>
        </tr>
        <tr align="center">
            <th>3</th>
            <td>P8</td>
            <td>高级专家</td>
            <td>M3</td>
            <td>高级经理</td>
            <td>45W-80W</td>
            <td>6400股</td>
        </tr>
        <tr align="center">
            <th>4</th>
            <td>P9</td>
            <td>资深专家</td>
            <td>M4</td>
            <td>总监</td>
            <td>80W-100W</td>
            <td>16000股</td>
        </tr>
        <tr align="center">
            <th>5</th>
            <td>P10</td>
            <td>研究员</td>
            <td>M5</td>
            <td>高级总监</td>
            <td>150W+</td>
            <td>20000股</td>
        </tr>
        </tbody>
        <tfoot>
        <tr>
            <td>说明</td>
            <td colspan="6">P-Profession M-Manage，马云在阿里的级别是M10</td>
        </tr>
        </tfoot>

块级元素的介绍

内联元素介绍

注意！！！内联元素不可嵌套块级元素！！！

总结

今天的HTML知识分享就到这里了，如果小伙伴们觉得意犹未尽的话，明天也接着来和我一起学习HTML编程语言吧！谢谢大家的支持！！！