HTML第七话列表

有序列表

在网页上定义一个有编号的内容列表可以用

  1. 配合使用来实现,代码如下:

1
2
3
4
5
<ol>
<li>列表文字一</li>
<li>列表文字二</li>
<li>列表文字三</li>
</ol>

在网页上生成的列表,每条项目上会按1、2、3编号,有序列表在实际开发中较少使用。

无序列表

在网页上定义一个无编号的内容列表可以用

  • 配合使用来实现,代码如下:

1
2
3
4
5
<ul>
<li>列表文字一</li>
<li>列表文字二</li>
<li>列表文字三</li>
</ul>

在网页上生成的列表,每条项目上会有一个小图标,这个小图标在不同浏览器上显示效果不同,所以一般会用样式去掉默认的小图标,如果需要图标,可以用样式自定义图标,从而达到在不同浏览器上显示的效果相同,实际开发中一般用这种列表。

定义列表

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

标签表示列表的整体。
标签定义术语的题目。
标签是术语的解释。一个
中可以有多个题目和解释,代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
<h3>前端三大块</h3>
<dl>
<dt>html</dt>
<dd>负责页面的结构</dd>

<dt>css</dt>
<dd>负责页面的表现</dd>

<dt>javascript</dt>
<dd>负责页面的行为</dd>

</dl>

转载请注明:Seven的博客

本文标题:HTML第七话列表

文章作者:Seven

发布时间:2018年12月13日 - 00:00:00

最后更新:2018年12月19日 - 22:30:20

原始链接:http://yoursite.com/2018/12/13/2018-09-22-html-list/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

------ 本文结束------
坚持原创技术分享,您的支持将鼓励我继续创作!
0%