HTML做一个关于学校网站（纯html代码）
创建一个关于学院的简单静态学院网站，可以使用HTML和CSS。以下是一个基本的示例，包括了学院介绍、新闻、联系方式等基本部分。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>学院官网</title>
<style>
body { font-family: Arial, sans-serif; }
header { background-color: #4CAF50; color: white; padding: 10px; text-align: center; }
nav { float: left; width: 200px; }
nav ul { list-style-type: none; padding: 0; }
nav ul li { padding: 8px; margin-bottom: 7px; background-color: #dddddd; }
nav ul li:hover { background-color: #cccccc; }
section { margin-left: 210px; padding: 10px; }
footer { background-color: #4CAF50; color: white; text-align: center; padding: 10px; margin-top: 10px; clear: both; }
</style>
</head>
<body>
<header>
<h1>学院官方网站</h1>
</header>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#about">关于我们</a></li>
<li><a href="#news">新闻</a></li>
<li><a href="#contact">联系我们</a></li>
</ul>
</nav>
<section>
<h2>最新新闻</h2>
<p>这里是新闻内容...</p>
</section>
<footer>
<p>版权所有 © 2023 学院名称</p>
</footer>
</body>
</html>这个简单的网站使用了HTML5标准，并包含了一些基本的CSS样式来增强页面的视觉效果。导航栏可以通过添加JavaScript和服务器端逻辑来实现更复杂的功能，比如动态生成内容。但是，如果你需要一个完全静态的网站，上面的代码已经足够了。
评论已关闭