请帮我编写一个程序,用html语言,带有导航,导航的内容有主页、舆情获取、可视化、帮助,页面布局有左侧边栏
时间: 2023-04-01 08:04:57 浏览: 52
好的,我可以帮您编写一个带有导航的 HTML 网页。以下是示例代码:
<!DOCTYPE html>
<html>
<head>
<title>导航网页</title>
<style>
/* 左侧边栏样式 */
.sidebar {
float: left;
width: 200px;
height: 100%;
background-color: #f1f1f1;
padding: 20px;
}
/* 导航链接样式 */
.nav-link {
display: block;
padding: 10px;
margin-bottom: 10px;
background-color: #ddd;
color: #333;
text-decoration: none;
font-weight: bold;
border-radius: 5px;
}
/* 当前页面链接样式 */
.current-page {
background-color: #555;
color: #fff;
}
/* 主内容区域样式 */
.content {
margin-left: 220px;
padding: 20px;
}
</style>
</head>
<body>
<div class="sidebar">
<a href="#" class="nav-link current-page">主页</a>
<a href="#" class="nav-link">舆情获取</a>
<a href="#" class="nav-link">可视化</a>
<a href="#" class="nav-link">帮助</a>
</div>
<div class="content">
<h1>欢迎来到导航网页</h1>
<p>这是一个带有导航的 HTML 网页示例,您可以根据自己的需要修改导航链接和页面内容。</p>
</div>
</body>
</html>
希望这个示例对您有所帮助。