常用的列表分为3种,无序列表(使用<ul>标签),有序列表(使用<ol>标签),自定义列表(使用<dl>标签).
html的ul标签
ul 标签是unordered lists的缩写,中文"无序列表"的意思,ul标签是成对出现的以<ul>开始,</ul>结束,每
一个<li>表示一个项目,默认使用一个点作为开头
示例:
<ul>
<li type="circle">百度</li>
<li>新浪</li>
<li>网易</li>
</ul>
<ul>有一个type的属性,属性有3个属性值
dise--实心圆(默认值)
circle--空心圆
square--实心方块
<li>同样适用以上属性,并且优先级高于<ul>
html的ol标签
ol,是ordered lists的缩写,中文"有序列表"的意思,ol标签是成对出现的,每一列使用<li>标签(与无序列表相同)定义,每列使用数字或字母开头.
示例:
<ul>
<li type="A">百度</li>
<li>新浪</li>
<li>网易</li>
</ul>
<ol>的type属性有以下5种值:
1--表示以 1,2,3,4 来表示
a--表示以 a,b,c,d 来表示
A--表示以 A,B,C,D 来表示
i--表示以 i,ii ,iii 来表示
I--表示以 I,II,III来表示
HTML的dl标签
dl,是definition lists的英文缩写,中文"定义列表"的意思,dl标签是成对出现的,以<dl>开始,</dl>结束,自定义列表的开始使用<dl>标签,列表中每个元素的标题使用<dt>(definition term)定义,后面跟随<dd>(definition description)用于描述列表中元素的内容.
示例:
<dl>
<dt>标题1</dt>
<dd>标题1的具体内容</dd>
<dt>标题2</dt>
<dd>标题2的具体内容</dd>
<dd>标题2的具体内容</dd>
<dt>标题3</dt>
<dd>标题3的具体内容</dd>
</dl>
不一定每个dt标签要对应一个dd,可以一对多或多对一
HTML嵌套列表
各种列表的嵌套组合
示例:
<ul>
<li>百度</li>
<li>
<dl>
<dt>标题</dt>
<dd>内容</dd>
</dl>
</li>
<li>新浪</li>
</ul>
HTML列表
最新推荐文章于 2020-02-20 09:49:39 发布