实现html列表结构的方式有哪些?

 我来答
慎重还可靠灬宝贝f
2015-10-29 · TA获得超过12.9万个赞
知道大有可为答主
回答量:1.9万
采纳率:52%
帮助的人:2625万
展开全部

  HTML有三种列表形式:排序列表(Ordered List);不排序列表(Unordered List);定义列表(Definition List)。

  排序列表(Ordered List)

  排序列表中,每个列表项前标有数字,表示顺序。

  排序列表由<ol>开始,每个列表项由<li>开始。

  排序列表示例

<html>
<body>

<h4>一个排序列表(Ordered List):</h4>
<ol>
<li>php网页课程</li>
<li>php网页代码</li>
<li>php之魔兽世界</li>
</ol>

</body>
</html>

  不排序列表(Unordered List)

  不排序列表不用数字标记每个列表项,而采用一个符号标志每个列表项,比如圆黑点。

  不排序列表由<ul>开始,每个列表项由<li>开始。

  不排序列表示例

<html>
<body>

<h4>不排序列表(Unordered List):</h4>
<ul>
<li>php100网 php100学院之网页课程</li>
<li>php100网 php100学院之网页代码</li>
<li>php100网 php100学院之魔兽世界</li>
</ul>

</body>
</html>

  定义列表

  定义列表通常用于术语的定义。

  定义列表由<dl>开始。术语由<dt>开始,英文意为Definition Term。术语的解释说明,由<dd>开始,<dd></dd>里的文字缩进显示。

  定义列表示

<html>
<body>

<h4>定义列表(Definition List):</h4>
<dl>
<dt>野生动物</dt>
<dd>所有非经人工饲养而生活于自然环境下的各种动物。</dd>
<dt>宠物</dt>
<dd>指猫、狗以及其它供玩赏、陪伴、领养、饲养的动物,又称作同伴动物。</dd>
</dl>

</body>
</html>
ka819501008
2014-01-04 · TA获得超过1215个赞
知道大有可为答主
回答量:1723
采纳率:0%
帮助的人:901万
展开全部
有序列表
<ol><li></li></ol>

无序列表
<ul><li></li></ul>

定义列表
<dl>
<dt>项目名称<dt>
<dd>描述</dd>
<dl>
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
furthr
2014-01-04 · 超过19用户采纳过TA的回答
知道答主
回答量:161
采纳率:0%
帮助的人:60.2万
展开全部

一.无序列表始于 <ul> 标签。每个列表项始于 <li>。

<ul>

     <li>Coffee</li>

     <li>Milk</li>

</ul>

浏览器显示如下:

  • Coffee

  • Milk

二.有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

<ol>

     <li>Coffee</li>

     <li>Milk</li>

</ol>

浏览器显示如下:

 1.Coffee

 2.Milk

 

三.自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>

    <dt>Coffee</dt>

   <dd>Black hot drink</dd>

   <dt>Milk</dt>

    <dd>White cold drink</dd>

</dl>

 

浏览器显示如下:

Coffee

Black hot drink

Milk

White cold drink

定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式