前端学习(十) 列表元素(html)

分类三类,无序列表,有序列表,自定义列表

<ul><li></li></ul>无序列表


<ol><li></li><ol>有序列表

<ol>有三个属性,type,start,reveresd

<li>有value

示例:<ol type="1" start="3" reversed></ol>

type:

-1(默认):列表显示1,2,3依次

-a:列表显示a,b,c依次

-A:列表显示A,B,C依次

扫描二维码关注公众号,回复: 1640006 查看本文章

-i:罗马数字

-I:大写的罗马数字

start:

表示起始的数字,示例中写了3,那么就从3开始依次

假如是以下:

<ol type="A" start="3">

<li></li>

<li value="1"></li>

<li></li>

</ol>

会显示如下

C.

A.

B.

因为定义了start=3,那么第一个会从C开始,但是第二个li的value定义了1,那么从第二个开始又是从A开始,因此第三个就变成了B

reversed:

会调整顺序

<ol type="A" reversed>

<li></li>

<li ></li>

<li></li>

</ol>

显示会变成

C.

B.

A.

自定义列表

<dl>:定义数据的列表

<dt>:声明一个术语

<dd>:术语的描述

示例如下:

<dl>

    <dt>1.我什么时候才能申请退货</dt>

    <dd>在购买商品之后</dd>

    <dt>2.如果收到商品不满意</dt>

    <dd>可以退货</dd>

    <dd>拆开后就不可以</dd>

</dl>

<dt>和<dd>是多对多的关系,并不是一一对应;

可以相互嵌套

猜你喜欢

转载自blog.csdn.net/zy21131437/article/details/80717410