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

有序列表
 
 XML/HTML Code  复制内容到剪贴板 

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


 无序列表
 
 
 XML/HTML Code  复制内容到剪贴板 

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


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

 
 XML/HTML Code  复制内容到剪贴板 

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


 
 XML/HTML Code  复制内容到剪贴板 

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


 栗子： 
 
 XML/HTML Code  复制内容到剪贴板 

 
       <!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有序列表、无序列表与定义列表就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

      查看更多关于浅谈html有序列表、无序列表与定义列表的详细内容...
        
          声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did37485
更新时间：2022-09-23 阅读：42次