HTML-创建一个简单的列表(就目录表而言)

目录表创建

<ol type=”I” >         <!--告诉浏览器这是一个有序列表,I表示的是大写罗马数字,默认的是阿拉伯数字。无序列表使用ul元素进行表示-->
<li>Introduction</li>

<li>Part  I
  
<ol  type=”A”   start=”2”>        <!--告诉浏览器这是一个有序列表,I表示的是大写罗马数字,默认的是阿拉伯数字-->   
<li>Description</li>     
<li>Examples
<ol  type=”1”>     <!--在ol标记中添加reversed特性,可以完全反转列表项编号的顺序-->      
<li>Reference One</li>      
<li>Reference Two</li>     
</ol>
 
</li>
</ol>
</li>

<li>Part2</li>
<li  value=”6”>Summary</li>      <!--在li标记中添加value特性,可以单独改变某个列表项的编号值-->

</ol>          <!--如果漏掉该结束标记,将把其余文本视为最后一个列表项-->

展示效果如图:
1240
----

在HTML中,使用dl元素来创建定义列表,使用dt元素来包含定义术语,使用dd元素来包含实际的定义数据。可以在每一个dt元素中使用多个dd元素,对于dt元素下的每一个dd元素,浏览器将简单地进行缩进。

将列表作为一个导航栏,默认的是垂直导航栏,如果想要水平导航,则在style中对应的自定义样式列块的li中如#navlist  li中使用display:inline样式属性设置。

转载于:https://www.cnblogs.com/hpbb/p/5489817.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值