Web列表标签小结

一、列表

1. 无序列表：

                         <ul>   

                                    <li>xxxxx </li>     

                                    <li>xxxxxx </li>     

                          </ul>

     2.有序列表:<ol>

                                <li> xxxxx</li>

                                <li> xxxxx</li>

                        </ol>

     3.自定义列表:<dl>

                                     <dt>xxxx</dt>

                                     <dd> xxx  </dd>

                            </dl>

二、表格

1.  相关属性和标签       

   <table border="1"  width="300" height="300">

           <tr>

               <td>姓名</td>

               <td>成绩</td>

               <td>评语</td>

           </tr>

       </table>

        2.表格的结构标签：

                

 <table border="1"  width="300" height="300">

        <caption><h3>学生成绩单</h3></caption>

        <thead>

            <tr>

                <th>姓名</th>

                <th>成绩</th>

                <th>评语</th>

            </tr>

        </thead>

        <tbody>

            <tr>

                <td>小哥哥</td>

                <td>100分</td>

                <td>小哥哥真帅气</td>

            </tr>

            <tr>

                <td>小姐姐</td>

                <td>100分</td>

                <td>小姐姐真漂亮</td>

            </tr>

         </tbody>

         <tfoot>

            <tr>

                <td>总结</td>

                <td>郎才女貌</td>

                <td>郎才女貌</td>

            </tr>

        </tfoot>

    </table>

                  

    3.表格标签合并单元格：rowspan="2"  / colspan="2"