快捷搜索： 王者荣耀 C C语言 睡觉 env 图灵学院 applications
IT技术分享网 > 经验分享 > 《HTML标签》〈ul〉〈ol〉〈li〉的使用

《HTML标签》〈ul〉〈ol〉〈li〉的使用

《HTML标签》〈ul〉〈ol〉〈li〉的使用 655

<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>标记的属性

  1. 属性 值 描述 compact HTML5 中不支持。HTML 4.01 中不赞成使用。 规定列表呈现的效果比正常情况更小巧。 reversed 规定列表顺序为降序。(9,8,7...) number 规定有序列表的起始值。 1 A a I i 规定在列表中使用的标记类型。 <ul>标记：
  2. 称为无序列表，其功能是将文字段落向内缩进，并在段落前面加上圆形或空心圆形或方块等项目符号，以达到醒目的效果。<ul>必须搭配<li>标记使用。 <html> <body> <h4>一个无序列表：</h4> <ul> <li>咖啡</li> <li>茶</li> <li>牛奶</li> </ul> </body> </html>显示：一个无序列表：
  3. 咖啡 茶 牛奶


文章来自:IT技术分享网
分享地址:http://www.5ityx.cn/cate100/149473.html

《HTML标签》〈ul〉〈ol〉〈li〉的使用 相关内容

聚合标签

经验分享 程序员 微信小程序 职场和发展