常用标签(列表)

一.列表

1.无序列表

<ul>
    <li>手表</li>
    <li>手机</li>
    ...
</ul>

无序列表是用于将没有数字顺序的一组数据或者内容进行分组

无序列表默认间距(外边距,内边距)

列表样式:实心圆

应用:

新闻列表

产品列表

导航,分页,选项止

type属性:

(1)disc聊表样式实心圆

(2)circle列表样式空心圆

(3)square列表样式小方块

<ul type="square">
    <li>苹果</li>
    <li>香蕉</li>
</ul>

注意:tpye属性不常用,通常用css属性代替

二,有序列表

(1)语法

<ol>
<li>出门</li>
<li>右转</li>
...
</ul>

(2)语义

无序列表,用于将顺序是有意义的一组数据或内容进行分组

(3)默认样式

默认间距

列表样式:数字编号

(4)应用

烹饪食谱中的各个步骤

指路时的个各转弯方向

营养信息标签上按含量排序的成分列表

面包屑导航

(5)tpyee属性(了解)

a:小写字母

A:大写字母

i:小写罗马数字

I:大写罗马数字

1:数字

<ol type="I">
        <li>步骤一</li>
        <li>步骤二</li>
 </ol>

三,定义列表

(1)语法

<dl>
<dt>定义</dt>
<dd>描述 </dd>
...
</dl>

(2)语义

包含术语定义以及描述的列表

dl定义列表,dt自定义列表项,dd自定义列表的注释(描述)

用于将一组项目及其相关的描述进行分组

(3)默认样式

默认dl,dd带有间距

(4)应用

名词解释,分类(大分类-细节的类别)

键-值对列表(内存:100M)

注意:允许使用带有多个描述的单个项目定义

<dl>
  <dt>加入我们</dt>
  <dd>社会招聘</dd>
  <dd>校园招聘</dd>
  <dd>国际招聘</dd>
</dl>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值