html怎么写菜单栏( 二 ) _菜单栏

。
3.用html做一个通用的页面菜单栏要实现这个功能其实非常简单，下面的思路希望对你有用。步骤如下：
一般WEB开发把页面分成3个模块：header.tpl content.tpl footer.tpl 。head和footer一般都是固定不变的，唯一变化的部分是content 。你说的菜单应该是header部分的导航部分。例如主页的代码可以这样写：
<html>
<head></head>
<body>
{include file="head.tpl"} <；！-- 导航部分 -->
{include file="content.tpl"} <；！-- 变化内容 -->
{include file="footer.tpl"} <；！-- 版权内容 -->
</body>
</html>
4.HTML中简单的菜单怎么弄你可以直接用li然后设置浮动。如：
HTML:
<ul>
<li>；首页</li>
<li>；关于我们</li>
<li>；产品概念</li>
</ul>CSS:
ul{display:block; overflow:hidden;}
ul li{display:block; float:left; padding:10px;}
5.html的下拉菜单怎么写；用css是可以实现这种效果，不够要改一下HTML框架： <div class="A"> <div class="B" > <ul> <li id='li1'><a href="http://www.xuexi88.com/zhishi/webpage/about.htm"&gt；模块1</a> <div id="C" class="D"> <a href="http://www.xuexi88.com/zhishi/webpage/about.htm"&gt；模块1.1</a> <a href="http://www.xuexi88.com/zhishi/webpage/about.htm"&gt；模块1.2</a> <a href="http://www.xuexi88.com/zhishi/webpage/about.htm"&gt；模块1.3</a> <a href="http://www.xuexi88.com/zhishi/webpage/about.htm"&gt；模块1.4</a> </div> </li> <li><a href="http://www.xuexi88.com/zhishi/webpage/about.htm"&gt；模块2</a></li> <li><a href="http://www.xuexi88.com/zhishi/webpage/about.htm"&gt；模块3</a></li> </ul> </div> </div> 
 CSS样式： *{padding: 0;margin:0;} li{width: 100px;height: 30px;background: black;text-align: center;} a{text-decoration: none;color:#fff;margin-bottom: 10px;} .B li{float: left;} #C{clear: both;} #C a{color: black;padding: 8px;display: none;} #li1:hover a{display: block;} 
 ；效果： 
 
 
 ；但以你给的HTML来看，应该是用JavaScript实现的。
【html怎么写菜单栏】

文章插图