Home > Article > Web Front-end > Detailed explanation of usage examples of html unordered list tags and ordered list tags
This article mainly introduces the usage examples of html unordered list tags and ordered list tags. Friends in need can refer to the following
1. Upper and lower list tags:5c69336ffbc20d23018e48b396cdd57a..f6b5b11aead3100741c13703fee2012b:
Upper layer dt
Lower layer dd: The encapsulated content will be automatically indented
The code is as follows:
<dl> <dt>运动户外</dt> <dd>板鞋</dd> <dd>篮球鞋</dd> <dd>足球鞋</dd> <dd>跑步鞋</dd> </dl>
2. Define the ordered list: c34106e0b4e09414b63b2ea253ff83d6
Attribute:
type: You can set the sorting style (you can also add this attribute to li separately)
1 means 1,2,3,4
a represents a, b, c, d
A represents A, B, C, D
i represents i, ii, iii
I represents I, II, III to represent
start: starting point of the list
25edfb22a4f469ecb59f1190150159c6: list content
The code is as follows:
<ol type="a" start="55"> <li>板鞋</li> <li>篮球鞋</li> <li>跑步鞋</li> <li>足球鞋</li> </ol>
3. Define the unordered list: < ;ul>
Attribute: type: You can set the sorting style or add this attribute to li separately
dise solid circle (default value)
circle hollow circle
square solid square
25edfb22a4f469ecb59f1190150159c6: List content
The code is as follows:
<ul type="square"> <li type="disc">板鞋</li> <li>篮球鞋</li> <li>跑步鞋</li> <li>足球鞋</li> </ul>
More html unordered list tags and ordered lists Please pay attention to the PHP Chinese website for related articles regarding tag usage examples!