html列表迅速预览
发布时间：09/01 来源：未知 浏览：
关键词：
列表主要有三种:
1. 无序列表: <ul>标签,必需与<li>子标签配对使用
2. 有序列表: <ol>标签,与<ul>使用规则一样,可以看作是无序列表的一个特例,实际开发中使用不多
3. 自定义列表: <dl><dt><dd>非常像名词说明,用处非常广泛,例如底部导航,内容详情页,联络信息,商品描写等.
ul有一个属性type,可以设定列表项前面的标志
type="disc" 实心小黑点,这是默许1级列表的标志
type="circle" 空心小圆点,这是二级列表默许标志
type="square" 实心方块
<html> <head> <meta charset="UTF-8"> <title>1-1.列表快速预览</title> </head> <body> <ul type="square"> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>jQuery</li> <li>Bootstrap</li> </ul> <hr> <h4>光棍狗的周未</h4> <ol> <li>本人请本人看场电影但愿有艳遇</li> <li>购置充气娃娃2个</li> <!-- 列表是可以嵌套的 --> <ul> <li>冰冰款2个</li> <li>凤姐款1个</li> </ul> <li>玩"吃鸡"</li> <li>为心目中的女主播打Call</li> </ol> <hr> <h4>后端编程说话:</h4> <dl> <dt>PHP</dt> <dd>超文本预处置编程说话</dd> <dt>MySQL</dt> <dd>环球最流行的关系型数据库治理工具</dd> <dt>ThinkPHP5.1</dt> <dd>国内最流行的中文轻量级PHP开发框架</dd> </dl> </body> </html>
以上就是html列表快速预览的具体内容，更多请关注百分百源码网其它相关文章！
