0323表格学习

Posted 2021-02-14 g-qz

上午早来复习了一会昨天的课程。今天主要学习了表格的标签写法，难度不大，但是合并行与合并列容易混淆搞不明白。

<!--有序列表-->
    <ol type="I">
        <li>数学</li>
        <li>英语</li>
        <li>体育</li>
    </ol>
<!--无序列表-->
    <ul type="square">
        <li>小猪佩奇</li>
        <li>乔治</li>
        <li>猪爸爸</li>
    </ul>
<!--定义列表-->
    <dl>
        <dt>语文</dt>
        <dd>这是一门写作文的学科</dd>
        <dt>数学</dt>
        <dd>这是一门写公式的学科</dd>
    </dl>
<!--表格-->
<!--两行三列-->
<!--
1.boder="  px"控制边框
2.width="  px" 宽度
3.height="    px"  高度
-->
<!--td属性
1.width=""
2.height=""
3.colspan=""合并列-->
    <table border="1px" width="100px" height="100px">
        <tr>
                <td>数学</td>
                <td>语文</td>
                <td>英语</td>
        </tr>
        <tr>
                <td></td>
                <td></td>
                <td></td>
        </tr>
    </table>
    
    <!--两行-->
    <table border="1px" width="100px" height="100">
        <tr>
            <td></td>
        </tr>
        <tr>
            <td></td>
        </tr>
    </table>
    <!--三行三列-->
    <table border="1" width="100" height="100">
        <tr>
            <td rowspan="2"></td>
            <td colspan="2" rowspan="2"></td>
        </tr>
        <tr>
        </tr>
        <tr>
            <td></td>
            <td colspan="2"></td>
        </tr>
    </table>

    </table>
    <table border="1px" width="100px" height="100px">
        <tr height="50">
            <td rowspan="2"></td>
            <td colspan="2" rowspan="2"></td>    
        </tr>
        <tr>        
        </tr>
        <tr>
            <td></td>
            <td colspan="2"></td>
        </tr>
    </table>

</body>

 

定义列表<dt>与<dd>

border-边框     width-宽   height--高