Home  >  Article  >  Web Front-end  >  Detailed explanation of usage examples of html unordered list tags and ordered list tags

Detailed explanation of usage examples of html unordered list tags and ordered list tags

高洛峰
高洛峰Original
2017-03-04 15:05:413419browse

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn