HTML4 Lists 一条一条列表项

文章来源:http://tutorials.jenkov.com/html4/lists.html

随便的一段文字用:<p></p>

1、ul - 无顺序列表类型

<ul type="square">    <ul type="circle">  <ul type="disc">
    <li>List Item 1</li>
    <li>List Item 2</li>
    <li>List Item etc.</li>
</ul>   

 

2、ol - 有顺序列表

 <ol type="a"> <ol type="i"> <ol type="1">

    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
</ol>    


3、<dl>:整个标志,<dt>:是一个小标题 <dd>:内容

主题和内容随便组合,只要两者不换位置即可,字典里的解释最适合这种列表。

   (1) 一个主题,两个内容

<dl>
 <dt> Authors
 <dd> John
 <dd> Luke
 <dt> Editor
 <dd> Frank
</dl>

  

 (2)两个主题,对应一个内容  

<dl>
 <dt lang="en-US"> <dfn>color</dfn> </dt>
 <dt lang="en-GB"> <dfn>colour</dfn> </dt>
 <dd> A sensation which (in humans) derives from the ability of
 the fine structure of the eye to distinguish three differently
 filtered analyses of a view. </dd>
</dl>

  (3)一个主题+一个内容,两个主题+两个内容

<dl>
 <dt> Last modified time </dt>
 <dd> 2004-12-23T23:33Z </dd>
 <dt> Recommended update interval </dt>
 <dd> 60s </dd>
 <dt> Authors </dt>
 <dt> Editors </dt>
 <dd> Robert Rothman </dd>
 <dd> Daniel Jackson </dd>
</dl>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值