站长资源网页制作

浅谈html有序列表、无序列表与定义列表

整理:jimmy2024/12/27浏览2
简介有序列表XML/HTML Code复制内容到剪贴板
  1. 第一项
  2. 第二项
无序列表XML/HTML Code复制内容到剪贴板

    有序列表

    XML/HTML Code复制内容到剪贴板
    1. <ol type="A", start="C"> <!--ordered list-->  
    2.     <li>第一项</li>  
    3.     <li>第二项</li>  
    4. </ol>  

    无序列表

    XML/HTML Code复制内容到剪贴板
    1. <ul type="disc">  <!--unordered list--> <!--还有两种type:circle,square-->  
    2.     <li>第一项</li>  
    3.     <li>第二项</li>  
    4. </ul>  

    定义列表

    定义列表由定义条件(definition term)和定义描述(definition description)构成

    XML/HTML Code复制内容到剪贴板
    1. <dt>标记后面添加要解释的名词   
    2. <dd>标记后面添加名词的具体解释   
    XML/HTML Code复制内容到剪贴板
    1. <dl type="disk">  <!--definition list--> <!--还有两种type:circle,square-->  
    2.     <dt>CSS</dt>  
    3.     <dd>Cascating Style Sheets</dd>  
    4. </dl>  

    栗子:

    XML/HTML Code复制内容到剪贴板
    1. <!doctype html>  
    2. <html>  
    3.     <head>  
    4.         <meta http-equiv="content-type" content="text/html; charset=utf-8"  
    5.         <meta name="description" content="设置页面说明">  
    6.         <title>网页1</title>  
    7.     </head>  
    8.     <body>  
    9.         <h1>标题</h1>  
    10.                 <hr>  
    11.         <ol type="A", start="3"> <!--ordered list-->  
    12.                 <li>第一项</li>  
    13.                 <li>第二项</li>  
    14.         </ol>  
    15.   
    16.         <ul type="disc">  <!--unordered list--> <!--还有两种type:circle,square-->  
    17.                 <li>第一项</li>  
    18.                 <li>第二项</li>  
    19.         </ul>  
    20.   
    21.         <dl type="disk">  <!--definition list-->  
    22.                 <dt>CSS</dt>  
    23.             <dd>Cascating Style Sheets</dd>  
    24.   
    25.         </dl>  
    26.   
    27.     </body>    
    28. </html>  

    输出效果:

    浅谈html有序列表、无序列表与定义列表

    以上这篇浅谈html有序列表、无序列表与定义列表就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。