㈠ 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