首页 > 其他分享 >Html三级menu

Html三级menu

时间:2024-09-29 15:02:36浏览次数:1  
标签:Management Admin2 Admin menu Html 三级

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div>
    <ul class="sidebar-menu" data-id="sidebar-tab1">
      <li><a href="/Admin">Admin Tab</li>
      <li class="treeview">
        <a href="#">Admin Management</a>
        <ul class="treeview-menu">
          <li><a href="#"></a>Admin1</li>
          <li><a href="#"></a>Admin2</li>
        </ul>
      </li>
      <li class="treeview">
        <a href="#">Report Management</a>
        <ul class="treeview-menu">
          <li><a href="/Report1"></a>Report1</li>
          <li><a href="/Report2"></a>Report2</li>

          <li class="treeview">
            <a href="#">Other Reports</a>
            <ul class="treeview-menu">
              <li><a href="/M1"></a>OtherReport1</li>
              <li><a href="/M2"></a>OtherReport2</li>
            </ul>
          </li>

        </ul>
      </li>
    </ul>
  </div>
</body>
</html>

测试结果如下:

 

标签:Management,Admin2,Admin,menu,Html,三级
From: https://www.cnblogs.com/keeplearningandsharing/p/18439895

相关文章

  • html5一些特性
    1.添加Html5标识头<!DOCTYPEhtml>2.注释<!---->3.块元素<h1><p><ul><li><div>4.内联元素<a><b><em><img><span>5.内联框架iframe<body> <iframewidth="450"height="350"......
  • Pbootcms详情页链接的html后缀如何去掉
    在PBootCMS中,去除详情页链接的 .html 后缀可以通过修改配置文件来实现。具体步骤如下:步骤1:修改配置文件打开配置文件:打开 core/convention.php 文件。找到并修改配置项:找到大约第37行的配置项 'url_rule_suffix'。示例代码假设原有配置如下://URL地......
  • html5 + css3
    目录HTML认知初识-web标准vscode的简介和使用注释标题和段落换行和水平线标签文本格式化标签图片-基本使用图片-属性绝对路径相对路径-同级和下级音频标签视频标签超链接HTML基础列表-无序和有序列表-自定义表格-使用表格-表格标题和表头单元格表格-结构标签(了解)表格-合......
  • 【HTML|第1期】HTML5视频(Video)元素详解:从起源到应用
    日期:2024年9月9日作者:Commas签名:(ง•_•)ง积跬步以致千里,积小流以成江海……注释:如果您觉在这里插入代码片得有所帮助,帮忙点个赞,也可以关注我,我们一起成长;如果有不对的地方,还望各位大佬不吝赐教,谢谢^-^1.01365=37.7834;0.99365=0.02551.02365=1377.4083;0.......
  • HTML中常用的编排表单标签和以块级元素、内联(行内)元素!
    #本文详细介绍HTML中列表标签中表单<form></form>和块级元素、内联元素的使用#一、常用的编排表单标签1、表单标签①前言HTML中的表单是用于收集用户输入信息并将其提交给服务器进行处理的重要元素。②表单标签<form>表单由<form>标签开始,以</form>标签结束。在<f......
  • HTML常用标签(第四课)
     清楚认识标签的语义,即标签的含义,以便在合适的地方写上合理的标签,让网页结构更加清晰目录一、标题标签二、段落标签三、换行标签​综合案例四、文本格式化标签五、div标签和span标签六、图像标签七、图片路径八、超链接标签九、注释标签十、特殊字符综合案例......
  • HTML表单相关知识(第七课)
    目录一、表单的初步认识二、组成部分1、表单域2、表单控件①input输入表单元素②select下拉表单元素③textarea文本域表单元素三、综合案例一、表单的初步认识作用:方便收集用户信息,让页面和用户实现交互组成部分:表单域、表单控件、提示信息二、组成部分1、表单......
  • python爬虫案例——抓取三级跳转网页,实现逐页抓取,数据存入mysql数据库(10)
    文章目录1、目标任务2、网页分析3、完整代码1、目标任务目标站点:情话网(http://www.ainicr.cn/tab/)任务:抓取该网站下所有标签下的所有情话语句,并将其存入mysql数据库2、网页分析用浏览器打开网页,按F12或右键检查,进入开发者模式,在Network-Doc下找到网页的数......
  • HTML+CSS 常见效果
    静态图片动画html<divclass="loader">Loading…</div>css@keyframesloader{to{background-position:-800px0;}}.loader{width:100px;height:100p......
  • Pbootcms一级栏目下的二级三级栏目高亮
    你的代码确实可以实现对当前浏览的二级或三级栏目的高亮显示。以下是你提供的代码,并添加了高亮逻辑:{pboot:navparent={sort:tcode}}<ahref="[nav:link]">{nav:name}{pboot:2navparent=[nav:scode]}-<ahref="[2nav:link]"{pboot:if('[2nav:sc......