新闻中心

媒体资讯

提供网站建设、网页设计、网络营销相关专业资讯

HTML的目录列表和菜单列表有什么区别?


关键词:网站建设
发布时间:2018-08-17
浏览次数:2139

1.目录列表标记<dir>


目录列表一般用来创建多列的目录列表,它在浏览器中的显示效果与无序列表相同,因为它的功能也可以通过无序列表来实现。


语法

<dir>
<li>列表项</li>
<li> 列表项 </li>
<li>列表项</li>
······
</dir>


说明:

在该语法中,<dir>和</dir>标志着目录列表的开始和结束。


举例:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312"/> 
<title> 目录列表</title>
</head>
<body>
<p>列表</p>
<dir>
<li>无序列表</li>
<li>有序列表</li>
<li>目录列表</li>
<dir>
</body>
</html>


在代码中

<dir>

<1:1>无序列表</li>

<1土>有序列表</li>

<1:1>目录列表</li>

</dir>

部分的标记为设置目录列表,在浏览器中预览,可以看到目录列表效果, 如图5.9所示。


目录列表效果


2.菜单列表标记<menu>


菜单列表主要用于设计单列的菜单列表。菜单列表在浏览器中的显示效果和无序列表是相同的,因为它的功能也可以通过无序列表来实现。


语法:

<menu>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</menu>


说明:

在该语法中,<menu>和</menu>标志着菜单列表的开始和结束。 


举例:

<html>
<head>
<meta http-equiv="content-type" content="text/html, charset=gb2312"/> 
<title>菜单列表</title>
</head>
<body>
文学作品:
<menu>
<li>诗词歌赋</li>
<li>散文精选</li>
<li>言情小说</li>
<li>武侠小说</li>
</menu>
</body>
</html>


在代码中

<menu>

<li>诗词歌赋</li>

<li>散文精选</li>

<li>言情小说</li>

<li>武侠小说</li>

</menu>

部分的标记是设置菜单列表,在浏览器中预览效果,如图5.10所示。


菜单列表


本文内容摘取于《网页制作》,仅供参考学习用途!



上一篇:HTML要怎么创建表格?

下一篇:​定义列表标记<dl>

免费获取网站建设与品牌策划方案报价

*主要业务:网站推广、高端网站建设、集团网站建设等

ewm
业务热线:18577088886 业务QQ:1273192619 公司地址:广西南宁市高新区科园西二路万保大厦4楼
Copyright © 2014-2022 广西南宁云尚网络科技有限公司 ICP备案:桂ICP备14007327号-6
广西南宁云尚网络科技有限公司

提供陪跑式互联网增长服务

联系方式
ewm微信扫一扫

电话:18577088886

Q Q:1273192619

地址:广西南宁市高新区科园西二路万保大厦4楼


南宁网站建设   南宁网站制作
Copyright © 2014-2021 广西南宁云尚网络科技有限公司 ICP备案:桂ICP备14007327号-6 TAG聚合

QQ

在线咨询真诚为您提供专业解答服务

电话

18577088886
7*24小时服务热线

微信

云尚网站建设二维码扫一扫添加微信
TOP