html導航源碼
A. 如何查看網頁的源代碼（HTML代碼和CSS代碼）
網頁源代碼如何查看或源文件怎麼查看
第一種：打開一個網頁後點擊滑鼠的右鍵就會有查看源文件，操作滑鼠右鍵--->查看源文件即可彈出一個記事本，而記事本內容就是此網頁的html代碼。
滑鼠右鍵查哪衡看html網頁源代碼
可能會碰到一些網頁滑鼠右鍵無反應或提出提示框，那是因為做網頁的加入了JS代碼來禁止用戶查看源文件代碼或復制網茄緩猛頁內容，但是這種方法也沒用,只有你稍微懂得以下第二種方法即可查看此網頁的源代碼源文件。
源文件、源代碼樣式圖
第二種：通過瀏覽器狀態欄或工具欄中的點擊「查看」然後就用一項「查看源代碼」，點擊查看源代碼即可查看此網頁的源代碼源文件。在微軟IE下截圖：
在微軟IE下查看--->源文件即可查看此網頁代碼在傲遊瀏覽器下截圖：
查看別人網顫橋頁的源代碼可以為我們製作網頁時候有幫助，以後將介紹查看源代碼更多方法及怎麼運用到別人的源代碼文件。
B. html框架如何實現左邊為導航欄,右邊為連接頁面,代碼寫出來
<head>
<title>如何實現左邊為導航欄點擊後右邊為連接頁面</title>
<meta charset="gbk">
<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;i<tli.length;i++){ tli[i].className=i==n?"hover":"";
mli[i].style.display=i==n?"block":"none"; }}
</script>
<style type="text/css">
.aa{ width:120px; float:left;}
.aa li{ padding:5px; background:#ff0000; cursor:pointer;border:1px solid;}
.bb{ width:500px;height:200px; float:left; background:pink;}
.bb ul li{list-style:none;}
#leftmenu0{list-style:none;margin:0;}
</style>
</head>
<body>
<div class="aa">
<ul id="leftmenu0">
<li class="hover" οnclick="setTab(0,0)">nav1</li>
<li οnclick="setTab(0,1)">nav2</li>
<li οnclick="setTab(0,2)">nav3</li>
<li οnclick="setTab(0,3)">nav4</li>
<li οnclick="setTab(0,4)">nav5</li>
</ul>
</div>
<div id="mcont0" class="bb">
<ul class="block" style="display: block">
<span>content1</span>
<li>你的內容</li></ul>
<ul class="block" style="display: none">content2</ul>
<ul class="block" style="display: none">content3</ul>
<ul class="block" style="display: none">content4</ul>
<ul class="block" style="display: none">content5</ul>
</div>
</body>
</html>
(2)html導航源碼擴展閱讀
ifame實現左側導航欄右側內容
1、在jsp文件的<head>中加入：
<style>
html,body{margin:0px;height:100%;}
</style>
才能使頁面中的<div>設置height：100%起作用。100%是根據其父布局來確定的，所以必須確定父布局的高度。
而width：100%則可自動布滿整個頁面。
2、<divid="main"style="width:100%;height:100%;">
<divid="left"style="float:left;width:200px;height:100%;">
<ahref="userlist.do"target="frame"><li>用戶管理</li></a>
<ahref=""target="frame"><li>角色管理</li></a>
<ahref=""target="frame"><li>許可權管理</li></a>
</div>
<divid="right"style="height:100%;width:auto;margin-left:200px;">
<iframeid="iframe"name="frame"scrolling="no"frameborder="0"height="100%"width="100%"></iframe>
</div>
</div>
float:left用於實現左右兩個div並列。
更改iframe的src實現時，要注意是name屬性，不是id屬性。