Ordered and unordered lists in html-HTML Tutorial-php.cn

Ordered and unordered lists in html

墨辰丷

Release： 2018-05-11 11:38:25

Original

4091 people have browsed it

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>

Copy after login

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>

Copy after login

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!