清單是一種非常有用的資料展現方式,可以擴展出非常多的有意思的功能,例如導航,佈局等。
列表主要有三種:
1. 無序列表:
2. 有序列表:
3. 自訂列表:
ul有一個屬性type,可以設定清單項目前面的標記
type="disc" 實心小黑點,這是預設一級清單的標記
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清單快速預覽的詳細內容。更多資訊請關注PHP中文網其他相關文章！
