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

2017-02-21 17:23:25 html

下面小编就为大家带来一篇浅谈html有序列表、无序列表与定义列表。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
有序列表

    <ol type="A", start="C"> <!--ordered list-->  
        <li>第一项</li>  
        <li>第二项</li>  
    </ol>

无序列表

 <ul type="disc">  <!--unordered list--> <!--还有两种type：circle，square-->  
        <li>第一项</li>  
        <li>第二项</li>  
    </ul>

定义列表

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

 <dt>标记后面添加要解释的名词   
<dd>标记后面添加名词的具体解释

    <dl type="disk">  <!--definition list--> <!--还有两种type：circle，square-->  
        <dt>CSS</dt>  
        <dd>Cascating Style Sheets</dd>  
    </dl>

栗子：

    <!doctype html>  
    <html>  
        <head>  
            <meta http-equiv="content-type" content="text/html; charset=utf-8"  
            <meta name="description" content="设置页面说明">  
            <title>网页1</title>  
        </head>  
        <body>  
            <h1>标题</h1>  
                    <hr>  
            <ol type="A", start="3"> <!--ordered list-->  
                    <li>第一项</li>  
                    <li>第二项</li>  
            </ol>  
      
            <ul type="disc">  <!--unordered list--> <!--还有两种type：circle，square-->  
                    <li>第一项</li>  
                    <li>第二项</li>  
            </ul>  
      
            <dl type="disk">  <!--definition list-->  
                    <dt>CSS</dt>  
                <dd>Cascating Style Sheets</dd>  
      
            </dl>  
      
        </body>    
    </html>

输出效果：

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

notetribe

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

随机资源

最新资源