html左侧导航视频（html左侧导航栏代码）
HTML如何在网页不是顶部的地方制作一个导航
说真的，你现在好好去了解一下DIV吧，DIV你单靠看W3C是看不懂的，看视频吧。
导航可以放在太多地方了，网上一找，各种代码。
你去了解一下DIV，再去了解一下内敛、内敛块和块级元素。这几个概念在HTML中很重要。
最简单的一个布局
div id="wrap"
div class="4838-758f-ad40-25cc nav"
这个就是左侧导航
/div
div class ="right"
div class ="main"
这是右侧的主界面
/div
div class="758f-ad40-25cc-efed foot"
这是底部
/div
/div
/div
上面的代码，把页面分成了两部分，左侧的部分是导航，右侧的部分，是主页和底部。反正是千变万化的。
HTML5 左侧导航右侧内容
很简单啊，右边放一个iframe框架，name值＝自定义昵称，然后左边链接里加上target=框架name的名称，如iframe scr="url" name=abc，那么你左边导航的链接里a herf='' target="abc"，这样左边的链接就会显示在右边的框架里了
html中如何设计百度百科那样的左侧的导航
其实像百度百科那个是要用到js进行实时内容监控然后当滚动条滚动到对应的div框的时候js自动触发实现左侧导航进行改变样式显示对应位置。
像这个功能的代码你可以去看bootstrap里面的滚动监听，那里有教，你可以看看别人怎么写的。
希望我的回答对楼主有帮助，不懂可以继续追问。
HTML使用DIV+CSS如何实现左边导航？
实现方法：这个要使用js或者jquery来做成对隐藏与显示动作。超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
拓展：
1、在WWW上的一个超媒体文档称之为一个页面（page）。作为一个组织或个人在万维网上开始点的页面称为主页Homepage，或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接）。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Web）。
2、HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。
如何在html中实现 左边导航条？
html
head
titleTOC and Content Frames/title
/head
frameset cols="200,*" frameborder=yes framespacing=3 border=1
frame src="toc.html" name="myToc" marginwidth=0 marginheight=0
frame src="content.html" name="myContent"
/frameset
noframes
/noframes
/html
html如何实现pc端导航栏在顶部手机端导航栏在左侧
需要借助z-inde来指定叠放次序，z-index值高，block居于顶部，因此将导航栏的z-index设置为2，侧边栏的z-index设置为1。
先简单说一下原理，我们需要用到css中position:fixed这一属性，在默认状态下，当不指定block的相对居中位置时，它会自动居于浏览器左侧，并且固定在此。因此，我们需要将导航栏的长度拉伸到100%，并且给予一个高度，在我的界面中，其高度为50px(我的网页并不是直接指定，而是通过padding以及字的高度填充，这里进行简化)。同理，对于侧边栏同样可以使用position:fixed这一属性来固定。同时设置一个固定长度350px，其高度设为100%。由于设置这一属性会破坏页面的流式结构，两个block会出现重叠的现象。因此，需要借助z-inde来指定叠放次序，z-index值高，block居于顶部，因此将导航栏的z-index设置为2，侧边栏的z-index设置为1。 所以此时，内容模块必须相对于浏览器的左侧与顶部做一定的空位，否则会被挡住。
综上，CSS可以写成下面这样。
html框架如何实现左边为导航栏,右边为连接页面,代码写出来
你直接运行就可以了：：
html xmlns="http://www.w3.org/1999/xhtml"head
script type="text/javascript"
function setTab(m,n){
var tli=document.getElementById("leftmenu"+m).getElementsByTagName("li");
var mli=document.getElementById("mcont"+m).getElementsByTagName("ul");
for(i=0;itli.length;i++){
tli[i].className=i==n?"hover":"";
mli[i].style.display=i==n?"block":"none";
}
}/script
style type="text/css"
.aa{ width:200px; float:left;}
.aa li{ padding:5px; background:#ff0000; cursor:pointer;}
.bb{ width:700px; float:left; background:#00ff00;}
/style
/head
body
div class="ad40-25cc-efed-f06b aa"
ul id="leftmenu0"
li class="25cc-efed-f06b-816f hover" onclick="setTab(0,0)"操作流程/li
li onclick="setTab(0,1)"付款方式/li
li onclick="setTab(0,2)"免责声明/li
li onclick="setTab(0,3)"隐私声明/li
/ul
/div
div id="mcont0" class="efed-f06b-816f-5cbd bb"
ul class="f06b-816f-5cbd-d3d1 block" style="display: block"1111111111/ul
ul class="816f-5cbd-d3d1-f8a5 block" style="display: none"222222222/ul
ul class="5cbd-d3d1-f8a5-864f block" style="display: none"333333333/ul
ul class="d3d1-f8a5-864f-7c65 block" style="display: none"4444444444/ul
/div
/body
/html
html如何点击左边的导航，右边弹出对应的内容？
这个是点击之后触发事件，是要用到js代码的，我这大概给一个框架，css代码你自己设置一下：
html代码如下：
div class="f8a5-864f-7c65-12ab main"
div class="864f-7c65-12ab-5701 left"
ul
li onclick="choose(1);" class="253b-cbff-8269-79ec select"玄界/li
li onclick="choose(2);"阶位/li
li onclick="choose(3);"坐骑/li
li onclick="choose(4);"佣兵/li
li onclick="choose(5);"骑士/li
/ul
/div
div class="cbff-8269-79ec-4838 right"
div id="1"img src="01.png"//div
div id="2" class="8269-79ec-4838-758f ycdiv"img src="02.png"//div
div id="3" class="79ec-4838-758f-ad40 ycdiv"img src="03.png"//div
div id="4" class="4838-758f-ad40-25cc ycdiv"img src="04.png"//div
div id="5" class="758f-ad40-25cc-efed ycdiv"img src="05.png"//div
/div
/div
JS代码如下：
script type="text/javascript"
for(var i=2;i=5;i++){
document.getElementById(i).style.display="none"; //让多余的div隐藏
}
function choose(obj){
//隐藏所有的div
for(var i=1;i=5;i++){
document.getElementById(i).style.display="none"; //让div隐藏
}
document.getElementById(obj).style.display="block"; //给li加样式
var lis = document.getElementsByTagName("li"); //下标从0开始
for(var i=0;ilis.length;i++){
lis[i].className = "";
}
lis[obj-1].className = "select";
}
/script
其他的你自己去琢磨下，原理和代码已给到。
