cari

Rumah  >  Artikel  >  hujung hadapan web  >  html中的有序列表和无序列表

html中的有序列表和无序列表

墨辰丷
墨辰丷asal
2018-05-11 11:38:254155semak imbas

本篇文章主要介绍html中的有序与无序列表示如何编写的，对于刚开始学习的小伙伴还是非常有帮助的，感兴趣的朋友参考下。

有序列表代码如下：

<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>

效果如下：

55.png

无序列表代码如下：

<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>

效果如下：

56.png

相关推荐：

什么是无序列表、有序列表 、定义列表？html列表标签学习笔记

关于HTML列表的详细介绍

HTML列表标签dl、ul、ol 的使用

Atas ialah kandungan terperinci html中的有序列表和无序列表. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：详谈div中的dispaly:inline样式 和span的区别Artikel seterusnya：html当当网首页实例

Artikel berkaitan

Lihat lagi