HTML 列表
1.定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<dl> <dt>Coffee</dt> <dd>Black hot tea drink</dd> <dt>Milk</dt> <dd>white cold drink</dd> </dl>
2.无序列表属性
dic:实心点
circle:空心点
square:方形
<ul type="square"> <li>苹果</li> <li>香蕉</li> <li>梨子</li> </ul> <ul type="disc"> <li>苹果</li> <li>香蕉</li> <li>梨子</li> </ul> <ul type="circle"> <li>苹果</li> <li>香蕉</li> <li>梨子</li> </ul>
3.有序列表属性
默认数组
“A”:大写A-Z
“a”:小写a-z
“I”:大写罗马子字母
“i”:小写罗马字母
<ol> <li>苹果</li> <li>香蕉</li> <li>梨子</li> <li>菠萝</li> <li>水蜜桃</li> </ol> < type="A"> <li>苹果</li> <li>香蕉</li> <li>梨子</li> <li>菠萝</li> <li>水蜜桃</li> </ol> < type="a"> <li>苹果</li> <li>香蕉</li> <li>梨子</li> <li>菠萝</li> <li>水蜜桃</li> </ol> < type="I"> <li>苹果</li> <li>香蕉</li> <li>梨子</li> <li>菠萝</li> <li>水蜜桃</li> </ol> <ol type="i"> <li>苹果</li> <li>香蕉</li> <li>梨子</li> <li>菠萝</li> <li>水蜜桃</li> </ol>
3.嵌套列表
ul,li中再嵌套ul,li
<ul> <li>茶 <ul> <li>绿茶</li> <li>红茶</li> </ul> </li> <li>水果 <ul> <li>苹果</li> <li>香蕉</li> <li>梨子</li> </ul> </li> <li>花 <ul> <li>玫瑰</li> <li>百合</li> <li>康乃馨</li> </ul> </li> </ul>
4.嵌套列表2
ul,li中再嵌套ul,li,再嵌ul,li
<ul> <li>茶 <ul> <li>绿茶</li> <li>红茶</li> </ul> </li> <li>水果 <ul> <li>苹果</li> <li>香蕉</li> <li>梨子</li> </ul> </li> <li>花 <ul> <li>玫瑰 <ul> <li>幼苗</li> <li>花苞</li> <li>成品</li> </ul> </li> <li>百合 <ul> <li>一等品</li> <li>二等品</li> <li>三等品</li> </ul> </li> <li>康乃馨</li> </ul> </li> </ul>
5.定义列表:dl,dt,dd
<dl> <dt>Coffee</dt> <dd>Black hot tea drink</dd> <dt>Milk</dt> <dd>white cold drink</dd> </dl>
标签总结:
<ol> | 定义有序列表。 |
<ul> | 定义无序列表。 |
<li> | 定义列表项。 |
<dl> | 定义定义列表。 |
<dt> | 定义定义项目。 |
<dd> | 定义定义的描述。 |
原文地址:http://www.cnblogs.com/zhangrong789/p/16813867.html
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请务用于商业用途!
3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"gltf",如遇到无法解压的请联系管理员!
8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载
声明:如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性