Home > Article > Web Front-end > html list quick preview
html list quick preview
- 无忌哥哥Original
- 2018-06-29 10:08:351982browse
List is a very useful way of displaying data and can be extended to many interesting functions, such as navigation, layout, etc.
There are three main types of lists:
1. Unordered list: ff6d136ddc5fdfeffaf53ff6ee95f185 tag, which must be paired with the 25edfb22a4f469ecb59f1190150159c6 subtag
2. Ordered list : The c34106e0b4e09414b63b2ea253ff83d6 tag, with the same usage rules as ff6d136ddc5fdfeffaf53ff6ee95f185, can be regarded as a special case of an unordered list and is rarely used in actual development
3. Customized list: 5c69336ffbc20d23018e48b396cdd57a< ;dt>67bc4f89d416b0b8236eaa5f43dee742It is very similar to noun explanations and has a wide range of uses, such as bottom navigation, content details pages, contact information, product descriptions, etc.
ul has an attribute type that can set the mark in front of the list item
type="disc" solid black dot, this is the default mark of the first-level list
type="circle" hollow dot, this is the default mark of the second-level list
type="square" solid 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>
The above is the detailed content of html list quick preview. For more information, please follow other related articles on the PHP Chinese website!