前言:
现时咱们对“html目录设计怎么做”大概比较看重,咱们都想要分析一些“html目录设计怎么做”的相关文章。那么小编在网摘上收集了一些关于“html目录设计怎么做””的相关文章,希望朋友们能喜欢,小伙伴们快快来学习一下吧!(1),截图
(2),文件夹, 线条, 页面等图标暂不能提供, 暂截图
(3),代码
<div class="dTree"> <div class="dTreeNode"> <img id="itreemenu0" src="images/erp.gif"> <font>java网站入门经典</font> </div> <div id="dtreemenu0" class="clip" style="display:block"> <div class="dTreeNode"> <a href="javascript:treemenu.o(1)"> <img width="18" height="18" id="jtreemenu1" src="images/minus.gif " alt=""> </a> <img id="itreemenu1" src="images/folder.gif"> <a href="javascript:treemenu.o(1)" class="node"> <font>第一章开启之门</font> </a> </div> <div id="dtreemenu1" class="clip" style="display:block"> <div class="dTreeNode"> <img src="images/line.gif" alt=""> <a href="javascript:treemenu.o(2)"> <img width="18" height="18" id="jtreemenu2" src="images/minus.gif " alt=""> </a> <img id="itreemenu2" src="images/folder.gif"> <a href="javascript:treemenu.o(2)" class="node"> <font>1.1初识</font> </a> </div> <div id="dtreemenu2" class="clip" style="display:block"> <div class="dTreeNode"> <img src="images/line.gif" alt=""> <img src="images/line.gif" alt=""> <img width="18" height="18" src="images/join.gif" alt=""> <img id="itreemenu10" src="images/page.gif"> <a id="streemenu10" class="node" href="/page/article/disp?tid=4" onclick="javascript: treemenu.s(10);"> <font onclick="display_pros()">1.1.1概述</font> </a> </div> <div class="dTreeNode"> <img src="images/line.gif" alt=""> <img src="images/line.gif" alt=""> <img width="18" height="18" src="images/joinbottom.gif" alt=""> <img id="itreemenu11" src="images/page.gif"> <a id="streemenu11" class="node" href="/page/article/disp?tid=5" onclick="javascript: treemenu.s(11);"> <font onclick="display_pros()">1.1.2特点</font> </a> </div> </div> <div class="dTreeNode"> <img src="images/line.gif" alt=""> <a href="javascript:treemenu.o(3)"> <img width="18" height="18" id="jtreemenu3" src="images/minusbottom.gif " alt=""> </a> <img id="itreemenu3" src="images/folder.gif"> <a href="javascript:treemenu.o(3)" class="node"> <font>1.2应用技术</font> </a> </div> <div id="dtreemenu3" class="clip" style="display:block"> <div class="dTreeNode"> <img src="images/line.gif" alt=""> <img src="images/empty.gif" alt=""> <img width="18" height="18" src="images/join.gif" alt=""> <img id="itreemenu12" src="images/page.gif"> <a id="streemenu12" class="node" href="/page/article/disp?tid=7" onclick="javascript: treemenu.s(12);"> <font onclick="display_pros()">1.2.1客户端应用</font> </a> </div> <div class="dTreeNode"> <img src="images/line.gif" alt=""> <img src="images/empty.gif" alt=""> <img width="18" height="18" src="images/joinbottom.gif" alt=""> <img id="itreemenu13" src="images/page.gif"> <a id="streemenu13" class="node" href="/page/article/disp?tid=8" onclick="javascript: treemenu.s(13);"> <font onclick="display_pros()">1.2.2服务端应用</font> </a> </div> </div> </div> <div class="dTreeNode"> <a href="javascript:treemenu.o(4)"> <img width="18" height="18" id="jtreemenu4" src="images/minus.gif " alt=""> </a> <img id="itreemenu4" src="images/folder.gif"> <a href="javascript:treemenu.o(4)" class="node"> <font>第二章不可不知应用</font> </a> </div> <div id="dtreemenu4" class="clip" style="display:block"> <div class="dTreeNode"> <img src="images/line.gif" alt=""> <a href="javascript:treemenu.o(5)"> <img width="18" height="18" id="jtreemenu5" src="images/minus.gif " alt=""> </a> <img id="itreemenu5" src="images/folder.gif"> <a href="javascript:treemenu.o(5)" class="node"> <font>2.1构建页面内容html</font> </a> </div> <div id="dtreemenu5" class="clip" style="display:block"> <div class="dTreeNode"> <img src="images/line.gif" alt=""> <img src="images/line.gif" alt=""> <img width="18" height="18" src="images/join.gif" alt=""> <img id="itreemenu14" src="images/page.gif"> <a id="streemenu14" class="node" href="/page/article/disp?tid=11" onclick="javascript: treemenu.s(14);"> <font onclick="display_pros()">2.1.1了解html结构</font> </a> </div> <div class="dTreeNode"> <img src="images/line.gif" alt=""> <img src="images/line.gif" alt=""> <img width="18" height="18" src="images/joinbottom.gif" alt=""> <img id="itreemenu15" src="images/page.gif"> <a id="streemenu15" class="node" href="/page/article/disp?tid=12" onclick="javascript: treemenu.s(15);"> <font onclick="display_pros()">2.1.2文字排版</font> </a> </div> </div> <div class="dTreeNode"> <img src="images/line.gif" alt=""> <a href="javascript:treemenu.o(6)"> <img width="18" height="18" id="jtreemenu6" src="images/minusbottom.gif " alt=""> </a> <img id="itreemenu6" src="images/folder.gif"> <a href="javascript:treemenu.o(6)" class="node"> <font>2.2页面css</font> </a> </div> <div id="dtreemenu6" class="clip" style="display:block"> <div class="dTreeNode"> <img src="images/line.gif" alt=""> <img src="images/empty.gif" alt=""> <img width="18" height="18" src="images/join.gif" alt=""> <img id="itreemenu16" src="images/page.gif"> <a id="streemenu16" class="node" href="/page/article/disp?tid=14" onclick="javascript: treemenu.s(16);"> <font onclick="display_pros()">2.2.1样式表定义与引用</font> </a> </div> <div class="dTreeNode"> <img src="images/line.gif" alt=""> <img src="images/empty.gif" alt=""> <img width="18" height="18" src="images/joinbottom.gif" alt=""> <img id="itreemenu17" src="images/page.gif"> <a id="streemenu17" class="node" href="/page/article/disp?tid=15" onclick="javascript: treemenu.s(17);"> <font onclick="display_pros()">2.2.2css规则</font> </a> </div> </div> </div> <div class="dTreeNode"> <a href="javascript:treemenu.o(7)"> <img width="18" height="18" id="jtreemenu7" src="images/minusbottom.gif " alt=""> </a> <img id="itreemenu7" src="images/folder.gif"> <a href="javascript:treemenu.o(7)" class="node"> <font>第三章驾驭web环境</font> </a> </div> <div id="dtreemenu7" class="clip" style="display:block"> <div class="dTreeNode"> <img src="images/empty.gif" alt=""> <a href="javascript:treemenu.o(8)"> <img width="18" height="18" id="jtreemenu8" src="images/minus.gif " alt=""> </a> <img id="itreemenu8" src="images/folder.gif"> <a href="javascript:treemenu.o(8)" class="node"> <font>3.1所需开发环境</font> </a> </div> <div id="dtreemenu8" class="clip" style="display:block"> <div class="dTreeNode"> <img src="images/empty.gif" alt=""> <img src="images/line.gif" alt=""> <img width="18" height="18" src="images/join.gif" alt=""> <img id="itreemenu18" src="images/page.gif"> <a id="streemenu18" class="node" href="/page/article/disp?tid=18" onclick="javascript: treemenu.s(18);"> <font onclick="display_pros()">3.1.1工具包JDK</font> </a> </div> <div class="dTreeNode"> <img src="images/empty.gif" alt=""> <img src="images/line.gif" alt=""> <img width="18" height="18" src="images/joinbottom.gif" alt=""> <img id="itreemenu19" src="images/page.gif"> <a id="streemenu19" class="node" href="/page/article/disp?tid=19" onclick="javascript: treemenu.s(19);"> <font onclick="display_pros()">3.1.2web服务器</font> </a> </div> </div> <div class="dTreeNode"> <img src="images/empty.gif" alt=""> <a href="javascript:treemenu.o(9)"> <img width="18" height="18" id="jtreemenu9" src="images/minusbottom.gif " alt=""> </a> <img id="itreemenu9" src="images/folder.gif"> <a href="javascript:treemenu.o(9)" class="node"> <font>3.2安装配置JDK</font> </a> </div> <div id="dtreemenu9" class="clip" style="display:block"> <div class="dTreeNode"> <img src="images/empty.gif" alt=""> <img src="images/empty.gif" alt=""> <img width="18" height="18" src="images/join.gif" alt=""> <img id="itreemenu20" src="images/page.gif"> <a id="streemenu20" class="node" href="/page/article/disp?tid=21" onclick="javascript: treemenu.s(20);"> <font onclick="display_pros()">3.2.1下载JDK</font> </a> </div> <div class="dTreeNode"> <img src="images/empty.gif" alt=""> <img src="images/empty.gif" alt=""> <img width="18" height="18" src="images/joinbottom.gif" alt=""> <img id="itreemenu21" src="images/page.gif"> <a id="streemenu21" class="node" href="/page/article/disp?tid=22" onclick="javascript: treemenu.s(21);"> <font onclick="display_pros()">3.2.2安装JDK</font> </a> </div> </div> </div> </div></div>
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #html目录设计怎么做 #html分类菜单 #html如何做菜单