• 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>                                                              

  • 相关阅读:
    Nginx错误日志配置信息详解
    CentOS 7 开放防火墙端口
    Windows Server 2008 R2常规安全设置及基本安全策略
    Whitewidow:SQL 漏洞自动扫描工具
    Windows Server 2008 架设 Web 服务器教程(图文详解)
    如何修改windows系统远程桌面默认端口
    Nginx的访问日志配置信息详解
    重构手法之在对象之间搬移特性【2】
    重构手法之在对象之间搬移特性【1】
    重构手法之重新组织函数【5】
  • 原文地址:https://www.cnblogs.com/yangshuwen/p/11989551.html
Copyright © 2020-2023  润新知