HTML 基础 之 列表标签 () 学习笔记

运用场景：一些有序或无序的新闻列表等

一 . 无序列表

1.格式

<ul>

        <li>内容</li>

        <li>内容</li>

        <li>内容</li>

        .............

</ul> 

2.type属性

用法：<ul type="disc">       圆点

           <ul type="square">  正方点

           <ul type="circle">     空心圆

 

 ----------------------------------------------------------------------------------------------------------------------------

 二 . 有序列表

1.格式

<ol>

        <li>内容</li>

        <li>内容</li>

        <li>内容</li>

        .............

</ol> 

 

2.type属性

用法：<ul type="1">       数字1,2,3,4...

           <ul type="a">       小写字母a,b,c..... 

           <ul type="A">      大写字母A,B,C......

           <ul type="i">        小写罗马数字       

            <ul type="I">      小写罗马数字

 

三. 定义列表

<dl>

        <dt>定义列表项</dt>

        <dd>列表项描述</dd>

        <dd>列表项描述</dd>

        <dt>定义列表项</dt>

        ...............

</dl>        

 ----------------------------------------------------------------------------------------------------------------------