html中< li>标签

html中< li>标签标记使用

大家好,欢迎来到IT知识分享网。

<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>

 

显示:一个无序列表:

 

咖啡

 

 

牛奶

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/119458.html

(0)
上一篇 2025-11-05 12:33
下一篇 2025-11-05 13:00

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信