1. html左侧菜单栏
1、打开开发工具ecplipse，点击ecplipse导航栏上的【File】-->New--->Maven Project,来新建个WEB工程。
2、新建好WEB工程后，在pox文件里添加所需要依赖的jar包。
3、jar导入后，在WEB工程下的source文件里新建包路径，然后在新建个controller，这里新建了个JumpPageController。
4、Controller类写好后，就来写下跳转的页面吧，这样跳转页面写的很简单，就是Controller类跳转过来，传递过来一个那么，在这里我们输入这个name并欢迎。
5、代码实现好后，在resources文件夹下配置下spring-mvc.xml文件内容，这样主要配置的是扫描注解的包和springmvc的视图解析器。
6、然后再点击eclipse菜单栏上面的Run Configurations来配置项目的启动项。
7、在打开的Run Configurations对话框里，按照下面的配置，然后点击Run进行启动。
2. html 菜单栏
HTML<select>下拉框中，可以通过设定一个空值来使开始显示的是空白（如设置第一行<optionvalue="kongbai"></option>为空）。操作代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>SELECT开始显示空白</title></head><body><select><option value="kongbai"></option> <option value="first">first</option> <option value="second">second</option> <option value="three">three</option> <option value="four">four</option></select></body></html>详细代码见附件。效果图如下图所示：
3. html做一个左侧菜单栏
使用iframe框架；<iframesrc="你要嵌套的页面.html"frameborder="0"width="300"scrolling="No"height="200"leftmargin="0"topmargin="0"></iframe>scrolling禁止鼠标滑动，frameborder嵌套页面边框，leftmargin左边距；topmargin上边距
4. css左侧菜单栏
“工具”菜单， “文件夹选项” “常规”选项卡 选择“在文件夹中显示常见任务” 打开Windows 7资源管理器（Windows Explorer），左侧是一个导航窗格，包括：收藏夹，库，家庭组，计算机，网络。这些项目链接到文件夹，硬盘或者其他电脑系统。找到文件名为html5的文件就可以打开
5. html左侧菜单栏代码
先引入layui的样式代码，
2创建html代码，添加上layui的导航样式，layui-nav
3运行页面，我们就可以看到一个美观的导航菜单了。
4现在的菜单右边有很多空白的地方，我们可以添加样式，为导航栏条目添加长度，让其布满页面。
先看下现在默认的导航栏的样式，并没有设置宽度，默认是自适应文字宽度。
5我们添加一个样式，注意样式名和刚才默认的样式名一样。添加width:25%的样式。
6再次运行页面，现在导航栏的条目布满了，没有留下过多的空白了。
7除了使用百分比来设置宽度，我们还可以设置成固定的长度值，比如width: 140px。
这个数值取决于你的整个页面的宽度值，和有多少个导航条目，条目多的，数值就要设置小一点，条目少的，就要设置大一点
6. html左侧菜单右侧内容
<div style="width:100px;height:100px;position:absolute;z-index:99; top:0; left:0; right:0; bottom:0;margin:1px 3px 4px 5px"></div> width：长度 height：高度 需要用到定位的时候，必须设置position属性。
position：位置（absolute绝对位置，相对于body）
z-index：深度。 margin:距离。其实基本大部分的标签都可以用来调整位置。 设置后上述两样属性后，就可以用left,top,bottom,right来定位了。
left:0; //在最左边； right:0;//在最右边； top:0;//在最上面； bottom:0;//在最下面； 罗嗦几句，如果要做一个永远居底的div，其实不需要JS代码，只需要用bottom:0;就可以了。 4个属性里面，一般一次只会用两个。 如：左上角： left:0;top0;
7. html左侧导航菜单
需要准备的材料分别有：电脑、浏览器、html编辑器。1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的
标签中，输入html代码：导航
。3、浏览器运行index.html页面，此时div标签由于fixed的位置类型被固定而不随页面滚动。