05：表格与列表

列表

　　表现1

        <ul>
            <li>1111</li>
            <li>2222</li>
            <li>3333</li>
        </ul>

 

 　　表现2

        <ol>
            <li>内容1</li>
            <li>内容2</li>
            <li>内容3</li>
        </ol>

 

 　　表现3

        <dl>
            <dt>tttt</dt>
            <dd>dddd</dd>
            <dd>dddd</dd>
            <dd>dddd</dd>
        </dl>

 

表格  行（tr）列（td）  

 

        <table border="1">
            <thead>
            <tr>
                <th colspan="2">表头1</th>  # colspan=2，  表示这一行内占用两个空格（横向合并）
                <th rowspan="2">表头2</th>  # rowspan="2", 表示纵向合并的效果
                <th>表头3</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>内容1</td>
                <td>内容2</td>
                <td>内容3</td>
            </tr>
            </tbody>
        </table>

 

 

 

 

 

 

 

【完】