HTML/Xhtml

关注公众号 jb51net

关闭
网页制作 > HTML/Xhtml >

XHTML入门学习教程:列表标签的使用

佚名

列表用于罗列出来一系列相似或者相关的项目. 无序列表(项目列表)
无序列表的标签是<ul></ul>,而每一个列表项目则用<li>标签。下面我们就用无序列表来改写我们的"index.html",打开之前保存的文件后,将"标题"一段的代码修改为如下的无序列表代码:
<h3>标题</h3>
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li> 列表项3 </li>
</ul>
保存后浏览网页,请确认您的网页和这个页面相同。。 有序列表
有序列表的标签是<ol></ol>,列表项目仍然是<li>。我们再用有序列表来改写"index.html"的”标题“,将刚刚修改的那段代码中的<ul></ul>改为<ol></ol>:
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
保存后浏览网页,请确认您页面的效果与这个页面相同。我们可以看到无序列表与有序列表的不同就是项目每个项目前面是小圆点还是数字。