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:

..：

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>

Copy after login

2. Define the ordered list:

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


1. : list content
   
   

   The code is as follows:

   <ol type="a" start="55">
   <li>板鞋</li>
   <li>篮球鞋</li>
   <li>跑步鞋</li>
   <li>足球鞋</li>
   </ol>

   Copy after login

   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
   

2. : List content
   
   

   
   

   The code is as follows:

   <ul type="square">
   <li type="disc">板鞋</li>
   <li>篮球鞋</li>
   <li>跑步鞋</li>
   <li>足球鞋</li>
   </ul>

   Copy after login

   More html unordered list tags and ordered lists Please pay attention to the PHP Chinese website for related articles regarding tag usage examples!