为我生成一段HTML代码,要求如下: -顶部导航栏:基础资料、标准清单、存储方式 -点击顶部导航栏“基础资料”,左侧边导航栏显示“物料信息”、“修程信息” -点击顶部导航栏的“标准清单”,左侧边导航栏显示“梅陇基地”、“蒲汇塘基地” -点击顶部导航栏的“存储方式”,左侧边导航栏显示“全部”、“工具箱”、“挂板货架”、“层板货架”
时间: 2023-08-18 11:03:50 浏览: 175
以下是符合要求的HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>导航栏</title>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#basic-info">基础资料</a></li>
<li><a href="#standard-list">标准清单</a></li>
<li><a href="#storage-method">存储方式</a></li>
</ul>
</nav>
</header>
<main>
<section id="basic-info">
<aside>
<nav>
<ul>
<li><a href="#">物料信息</a></li>
<li><a href="#">修程信息</a></li>
</ul>
</nav>
</aside>
<article>
<h2>基础资料</h2>
<p>这里是基础资料的内容。</p>
</article>
</section>
<section id="standard-list">
<aside>
<nav>
<ul>
<li><a href="#">梅陇基地</a></li>
<li><a href="#">蒲汇塘基地</a></li>
</ul>
</nav>
</aside>
<article>
<h2>标准清单</h2>
<p>这里是标准清单的内容。</p>
</article>
</section>
<section id="storage-method">
<aside>
<nav>
<ul>
<li><a href="#">全部</a></li>
<li><a href="#">工具箱</a></li>
<li><a href="#">挂板货架</a></li>
<li><a href="#">层板货架</a></li>
</ul>
</nav>
</aside>
<article>
<h2>存储方式</h2>
<p>这里是存储方式的内容。</p>
</article>
</section>
</main>
</body>
</html>
```