HTML之学习笔记(七)列表

  html的列表分为有序列表,无序列表和自定义列表

1.有序列表(order list)

代码演示

 <ol  type="a">
     <li>第一项数据</li>
     <li>第二项数据</li>
     <li>第三项数据</li>
 </ol>

  li(list item)标签表示列表子项,用ol标签包裹的li标签形成有序列表

效果为

HTML之学习笔记(七)列表

属性

  ol和li标签都有type属性, 用于设定引导图标类型,但ol作用于列表所有项,而li只作用标记项。

  type取值有1   i    I   a    A ,分别表示数字,小写罗马字母,大写罗马字母,小写英文字母和大写英文字母。


2.无序列表(unorder list)

代码演示

 <ul type="circle">
     <li>第一项数据</li>
     <li>第二项数据</li>
     <li>第三项数据</li>
 </ul>

效果为

HTML之学习笔记(七)列表

  ul的用法和ol基本一致,只是type的取值不同,有circle   disk  square,分别表示圆圈,大圆点和正方形。


3.自定义列表(defined list)

  自定义列表使用dl标签,有dt(data title标题)和dd(data description描述)两种成员标签。

代码演示为

 <dl>
     <dt>标题1</dt>
         <dd>描述1</dd>
     <dt>标题2</dt>
         <dd>描述2</dd>
     <dt>标题3</dt>
         <dd>描述3</dd>
 </dl>                

效果为

HTML之学习笔记(七)列表

上一篇:洛谷 P2330 [SCOI2005]繁忙的都市


下一篇:linux shell 脚本获取和替换文件中特定内容