html中<li>标签

<li>标签定义和用法:

 

<li> 标签定义列表项目。

 

<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

 

<ol>标记:

 

    称为有序列表,编号列表标记。其功能是将文字段落向内缩进,并在段落的每个项目前面加上1,2,3 有顺序的数字。<ol>标记必须搭配<li>标记使用。

 

例子如下:

 

<!DOCTYPE html>

 

<html>

 

<body>:

 

<ol>

 

  <li>咖啡</li>

 

  <li>牛奶</li>

 

  <li>茶</li>

 

</ol>

 

 

 

 <ol start="50">

 

  <li>咖啡</li>

 

  <li>牛奶</li>

 

  <li>茶</li>

 

</ol>

 

 </body>

 

</html>

 

显示:

 

  咖啡牛奶茶

 

  咖啡牛奶茶

 

    <ol>标记的属性

 

属性 值 描述

 

compact compact 

 

HTML5 中不支持。HTML 4.01 中不赞成使用。

 

规定列表呈现的效果比正常情况更小巧。

 

reversed reversed 规定列表顺序为降序。(9,8,7...)start number 规定有序列表的起始值。

 

type 

 

1

 

A

 

a

 

I

 

i

 

规定在列表中使用的标记类型。

 

<ul>标记:

 

 称为无序列表,其功能是将文字段落向内缩进,并在段落前面加上圆形或空心圆形或方块等项目符号,以达到醒目的效果。<ul>必须搭配<li>标记使用。

 

<html>

 

 <body>

 

 <h4>一个无序列表:</h4>

 

<ul>

 

  <li>咖啡</li>

 

  <li>茶</li>

 

  <li>牛奶</li>

 

</ul>

 

 </body>

 

</html>

 

显示:一个无序列表:

 

咖啡

 

 

牛奶

  • 10
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值