Home > Article > Web Front-end > Ordered and unordered lists in html
Ordered and unordered lists in html
- 墨辰丷Original
- 2018-05-11 11:38:254141browse
This article mainly introduces how to write the ordered and unsequential representation in HTML. It is very helpful for those who are just starting to learn. Interested friends can refer to it.
The ordered list code is as follows:
<html> <h2>数字显示</h2> <ol> <li>第一天</li> <li>第二天</li> <li>第三天</li> <li>第四天</li> </ol> <h2>字母显示</h2> <ol type="a"> <li>第一天</li> <li>第二天</li> <li>第三天</li> <li>第四天</li> </ol> <h2>小写罗马数字显示</h2> <ol type="i"> <li>第一天</li> <li>第二天</li> <li>第三天</li> <li>第四天</li> </ol> <h2>大写罗马数字显示</h2> <ol type="I"> <li>第一天</li> <li>第二天</li> <li>第三天</li> <li>第四天</li> </ol> <h2>数字显示,自己确定开始数字</h2> <ol start="5"> <li>第一天</li> <li>第二天</li> <li>第三天</li> <li>第四天</li> </ol> <html>
The effect is as follows:
The unordered list code is as follows:
<html> ********默认为实心圆********* <ul> <li>第一天</li> <li>第二天</li> <li>第三天</li> <li>第四天</li> </ul> ********空心圆显示********* <ul type="circle"> <li>第一天</li> <li>第二天</li> <li>第三天</li> <li>第四天</li> </ul> ********实心矩形显示********* <ul type="square"> <li>第一天</li> <li>第二天</li> <li>第三天</li> <li>第四天</li> </ul> </html>
The effect is as follows:
Related recommendations:
What are unordered lists, ordered lists, and definition lists? html list tag study notes
Detailed introduction to HTML list
Usage of HTML list tags dl, ul, ol
The above is the detailed content of Ordered and unordered lists in html. For more information, please follow other related articles on the PHP Chinese website!