㈠ html頁面怎實現這種類似windows樹形結構

用js,xtree,dtree比較常見,網上很多,一搜一大把

㈡ 有那位知道HTML怎麼寫樹形結構，我想在left.html這頁面寫樹形結構，讓他在right.html些頁面顯示，有代碼嗎

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>江湖志CMS內容管理系統後台</title>
<link rel="stylesheet" type="text/css" href="style/index.css" />
</head>
<frameset rows="80px,*" border="0">
<frame src="top.php" noresize="true" scrolling="no" />
<frameset cols="150px,*" border="0">
<frame src="../templates/left.htm" name="left" noresize="true" scrolling="no" />
<frame src="main.php" name="main" noresize="true" />
</frameset>
</frameset>
</html>
========================================================================
left.htm裡面：
<dl>
<dt>管理首頁</dt>
<dd><a href="../admin/main.php" target="main">後台首頁</a></dd>
<dd><a href="../admin/manage.php?action=show" target="main">管理員管理</a></dd>
<dd><a href="../admin/level.php?action=show" target="main">等級管理</a></dd>
</dl>

㈢ HTML文檔的樹狀結構中，（）標簽為文檔的根節點，位於結構中的最頂層

1、HTML文檔的樹狀結構中，（html）標簽為文檔的根節點，位於結構中的最頂層；

2、HTML稱為超文本標記語言，是一種標識性的語言；

3、超文本是一種組織信息的方式，其通過超級鏈接方法將文本中的文字、圖表與其他信息媒體相關聯。

(3)html的樹形結構擴展閱讀：

HTML文檔的樹狀結構介紹：

HTML可以嵌入如javaScript的腳本語言，其會影響HTML網頁的行為。網頁瀏覽器也可以引用層疊樣式表來定義文本和其它元素的外觀與布局。維護HTML和CSS標準的組織萬維網聯盟鼓勵人們使用CSS替代一些用於表現的HTML元素。

HTML文件是可以被多種網頁瀏覽器讀取，產生網頁傳遞各類資訊的文件。從本質上來說，Internet是一個由一系列傳輸協議和各類文檔所組成的集合，html文件只是其中的一種。這些HTML文件存儲在分布於世界各地的伺服器硬碟上，通過傳輸協議用戶可以遠程獲取這些文件所傳達的資訊和信息。

參考資料來源：網路-HTML

參考資料來源：網路-HTML文件

㈣ html動態生成樹形結構，利用javascript和html在網頁上顯示一個家庭圖，在顯示之前不知道任何人的關系

用js的樹形插件吧，

㈤ html製作一個樹狀結構圖怎麼製作

html 的語法內沒有樹狀結構的標簽(TAG), 必須要用 Java Script 來實現, 網上查 tree javascript 可以查到很多, 不過自己多少要懂一點 Java Script, 因為網上下載的很多功能不足, 或是有 bug, 必需要自行修改

㈥ html如何把數據做成樹型

1、數據存放在資料庫里，並不存放在HTML里，常用的網站開發資料庫一般有Access、MySQL、MSSQL、SQLite等。要版訪問這些資料庫的內容，權用HTML是沒辦法調用的，必需是動態文件，如asp、PHP、asp.net等語言，純html是沒法的。
2、如果是一些小的數據存放，不想用那麼復雜的資料庫，可以使用 xml、ini、txt等來直接存放數據，其中 xml 用處還是比較多，而且也很方便。

㈦ 請問這種樹形結構的導航欄用html或者js怎麼實現

下面是最基本的框架，內容和樣式你需要自己調整


<title></title>
<style type="text/css">
#tree {
width: 150px;
}
#tree, #tree ul {
list-style: none; margin: 0; padding: 0; padding: 10px;
}
#tree li {
border: 1px solid #00f; padding: 10px; cursor: pointer;
}
#tree ul {
display: none;
}
</style>
<script type="text/javascript">
window.onload = function() {
var tree = document.getElementById("tree");
var lis = tree.getElementsByTagName("li");
for(var i = 0; i < lis.length; i++) {
(function(a) {
lis[a].onclick = function() {
if(typeof this.getElementsByTagName("ul") !== null) {
var ul_first = this.getElementsByTagName("ul")[0];
if(ul_first.style.display == "block")
ul_first.style.display = "none";
else
ul_first.style.display = "block";
}
};
})(i);
}
};
</script>
</head>
<body>
<ul id="tree">
<li>菜單一
<ul>
<li>1-1</li><li>1-2</li><li>1-3</li><li>1-4</li>
</ul>
</li>
<li>菜單二
<ul>
<li>2-1</li><li>2-2</li><li>2-3</li><li>2-4</li>
</ul>
</li>
<li>菜單三
<ul>
<li>3-1</li><li>3-2</li><li>3-3</li><li>3-4</li>
</ul>
</li>
</ul>
</body>
</html>

㈧ 如何創建html的樹形結構

我的網路空間有篇文章，是寫生成樹菜單的。
http://hi..com/2hill/blog/item/f22f4ed827b8e23733fa1cca.html

代碼我都已經寫好了，你復制就行了，當然，也有一些解釋，應該可以看懂的。
我是用Js讀取XML實現的

到我的空間逛逛吧，有更多收獲，http://www.yuefan.net

㈨ html樹形菜單問題

www.javascript.org.cn
你去抄這里看看。全是特效。有你說的這種。

㈩ 關於HTML樹形菜單

||給分~~~謝謝~

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0046)http://vip.aou.cn/csqf/new_page_3.htm -->
<HTML><HEAD><TITLE>New Page 28</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1491" name=GENERATOR>
<META content=FrontPage.Editor.Document name=ProgId>
<STYLE>#ssm2 A {
FONT-SIZE: 12px; COLOR: #808080; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
#ssm2 A:hover {
COLOR: #ccff33
}
body{background:url(http://www.infowe.com/images/infowe.gif) no-repeat right center fixed;}
</STYLE>
</HEAD>
<BODY>
<SCRIPT language=JavaScript1.2>

function MM_displayStatusMsg(msgStr) {

status=msgStr;

document.MM_returnValue = true;

}

function highlight(x){

document.forms[x].elements[0].focus()

document.forms[x].elements[0].select()

}

function MM_jumpMenu(targ,selObj,restore){

eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

if (restore) selObj.selectedIndex=0;

}

var NS

IE=document.all;

NS=document.layers;

hdrFontFamily="Verdana";

hdrFontSize="2";

hdrFontColor="white";

hdrBGColor="#CCCCCC";

linkFontFamily="Verdana";

linkFontSize="2";

linkBGColor="white";

linkOverBGColor="#CCCCCC";

linkTarget="_top";

YOffset=60;

staticYOffset=20;

menuBGColor="#CCCCCC";

menuIsStatic="no";

menuHeader="Main Index"

menuWidth=150; // Must be a multiple of 5!

staticMode="advanced"

barBGColor="#C0C0C0";

barFontFamily="Verdana";

barFontSize="2";

barFontColor="white";

barText="MENU";

function moveOut() {

if (window.cancel) {

cancel="";

}

if (window.moving2) {

clearTimeout(moving2);

moving2="";

}

if ((IE && ssm2.style.pixelLeft<0)||(NS && document.ssm2.left<0)) {

if (IE) {ssm2.style.pixelLeft += (5%menuWidth);

}

if (NS) {

document.ssm2.left += (5%menuWidth);

}

moving1 = setTimeout('moveOut()', 5)

}

else {

clearTimeout(moving1)

}

};

function moveBack() {

cancel = moveBack1()

}

function moveBack1() {

if (window.moving1) {

clearTimeout(moving1)

}

if ((IE && ssm2.style.pixelLeft>(-menuWidth))||(NS && document.ssm2.left>(-150))) {

if (IE) {ssm2.style.pixelLeft -= (5%menuWidth);

}

if (NS) {

document.ssm2.left -= (5%menuWidth);

}

moving2 = setTimeout('moveBack1()', 5)}

else {

clearTimeout(moving2)

}

};

lastY = 0;

function makeStatic(mode) {

if (IE) {winY = document.body.scrollTop;var NM=ssm2.style

}

if (NS) {winY = window.pageYOffset;var NM=document.ssm2

}

if (mode=="smooth") {

if ((IE||NS) && winY!=lastY) {

smooth = .2 * (winY - lastY);

if(smooth > 0) smooth = Math.ceil(smooth);

else smooth = Math.floor(smooth);

if (IE) NM.pixelTop+=smooth;

if (NS) NM.top+=smooth;

lastY = lastY+smooth;

}

setTimeout('makeStatic("smooth")', 1)

}

else if (mode=="advanced") {

if ((IE||NS) && winY>YOffset-staticYOffset) {

if (IE) {NM.pixelTop=winY+staticYOffset

}

if (NS) {NM.top=winY+staticYOffset

}

}

else {

if (IE) {NM.pixelTop=YOffset

}

if (NS) {NM.top=YOffset-7

}

}

setTimeout('makeStatic("advanced")', 1)

}

}

function init() {

if (IE) {

ssm2.style.pixelLeft = -menuWidth;

ssm2.style.visibility = "visible"

}

else if (NS) {

document.ssm2.left = -menuWidth;

document.ssm2.visibility = "show"

}

else {

alert('Choose either the "smooth" or "advanced" static modes!')

}

}

function MM_displayStatusMsg(msgStr) {

status=msgStr;

document.MM_returnValue = true;

}

</SCRIPT>

<SCRIPT language=JavaScript1.2>

if (IE) {document.write('<DIV ID="ssm2" style="visibility:hidden;Position : Absolute ;Left : 0px ;Top : '+YOffset+'px ;Z-Index : 20;width:1px" onmouseover="moveOut()" onmouseout="moveBack()">')}

if (NS) {document.write('<LAYER visibility="hide" top="'+YOffset+'" name="ssm2" bgcolor="'+menuBGColor+'" left="0" onmouseover="moveOut()" onmouseout="moveBack()">')}

tempBar=""

for (i=0;i<barText.length;i++) {

tempBar+=barText.substring(i, i+1)+"<BR>"}

document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+16+2)+'" bgcolor="'+menuBGColor+'"><tr><td bgcolor="'+hdrBGColor+'" WIDTH="'+menuWidth+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+menuHeader+'</b></font></td><td align="center" rowspan="100" width="16" bgcolor="'+barBGColor+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD></tr>')

function addItem(text, link, target) {

if (!target) {target=linkTarget}

document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'" target="'+target+'" CLASS="ssm2Items">'+text+'</A></FONT></LAYER></ILAYER></TD></TR>')}

function addHdr(text) {

document.write('<tr><td bgcolor="'+hdrBGColor+'" WIDTH="140"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+text+'</b></font></td></tr>')}

//Only edit the script between HERE

addItem('偶和葉子', 'http://vip.aou.cn/csqf/about.htm', '');

addItem('聆聽心海', 'http://vip.aou.cn/csqf/linting.htm', '');

addItem('風言風語', 'http://vip.aou.cn/csqf/fyfy.htm', '');

addItem('風行風影', 'http://vip.aou.cn/csqf/fxfy.htm', '');

addItem('雁過留聲', 'http://csqf.etp21.com/', '_blank');

addHdr('WELCOME TO');

addItem('經廣俱樂部', 'http://dj973.tz315.net', '_blank');

// and HERE! No more!

document.write('<tr><td bgcolor="'+hdrBGColor+'"><font size="0" face="Arial"> </font></td></TR></table>')

if (IE) {document.write('</DIV>')}

if (NS) {document.write('</LAYER>')}

if ((IE||NS) && (menuIsStatic=="yes"&&staticMode)) {makeStatic(staticMode);}

</SCRIPT>

<SCRIPT>

window.onload=init

</SCRIPT>
<p style="height:1000px;"></p>
</BODY></HTML>

本文來自CSDN博客，轉載請標明出處：http://blog.csdn.net/grace_yan/archive/2006/07/03/869883.aspx