HTML的列表表格表单知识点

无序列表格式                                                                                                                                          有序列表格式                                            

<ul>                                                                                                                                                         <ol>

       <li>第一项</li>                                                                                                                                      <li>第1项</li>

       <li>第二项</li>                                                                                                                                      <li>第2项</li>

       <li>第三项</li>                                                                                                                                      <li>第3项</li>

</ul>                                                                                                                                                          </ol>

 特性:

        1.没有顺序,每个<li>标签独占一行(块元素)。                                                                                       1.有顺序,每行独占一行元素(块元素)。

        2.默认<li>标签项前面有个实心小圆点。                                                                                                 2.每行标签前面会自带数字顺序标记。

        3.一般用于无序类型的列表,如导航,侧边栏新闻,有规律的图文组合模块等。                                  3.用于有序列表的例子:试卷,调查问卷等。

 

 

定义列表格式                                                                                                                                定义列表特点:

<dl>                                                                                                                                                       1.没有顺序,每个<dt>,<dd>都独占一行(块元素)。

       <dt>标题一</dt>      //    <dt> 列表的标题                                                                                       2.默认没有标记。

       <dd>第1项</dd>     //     <dd>  列表的内容                                                                                    3.一般用于一个标题<dt>下有多个<dd>项目。

       <dd>第2项</dd>                                                                                                                     三种列表使用注意事项:

       <dt>标题二</dt>                                                                                                                               1.无序列表中的元素都是平级的,没有级别之分,而且列表中的内容都是相对简单的标题性质的网页内容;

       <dd>第1项</dd>                                                                                                                         有序则是按数字顺序排列。

</dl>                                                                                                                                                        2.在实际的网页应用中无序比有序应用更广,有序一般用于显示带顺序的场合。

                                                                                                                                                                3.列表格式一般用于带有标题和标题性解释的场合。

 

 

 

 

表格                                                                      跨列用法                                                                                   跨行用法

<table>                                                                 <table>                                                                                     <table>

       <tr>                                                                    <tr>                                                                                           <tr>

             <th>标题</th>                                                    <td colspan="所跨越的列数">单元格内容</td>                         <td rowspan="所跨越的行数">单元格内容</td>

       </tr>                                                                   </tr>                                                                                          </tr>

        <tr>                                                               </table>                                                                                    </table>

               <td>单元格</td>

       </tr>

</table>                                                              

 

posted @ 2019-12-05 15:12  企昂昂  阅读(369)  评论(0编辑  收藏  举报