HTML做一个学校网站（纯html代码）
warning:
这篇文章距离上次修改已过248天，其中的内容可能已经有所变动。
以下是一个简单的学校网站的HTML骨架代码。请注意，这只是一个起点，您可能需要添加更多的内容和样式来使其完整。
<!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;
margin: 10px;
padding: 10px;
}
section {
margin-left: 220px;
padding: 10px;
}
footer {
background-color: #4CAF50;
color: white;
text-align: center;
padding: 10px;
margin-top: 10px;
clear: both;
}
</style>
</head>
<body>
<header>
<h1>欢迎来到XX学校</h1>
</header>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">新闻</a></li>
<li><a href="#">联系方式</a></li>
</ul>
</nav>
<section>
<h2>学校新闻</h2>
<p>这里是新闻内容...</p>
</section>
<footer>
© 2023 XX学校
</footer>
</body>
</html>这个网站有一个头部（header），一个导航栏（nav），一个主要区域（section），还有一个底部（footer）。所有的元素都是基本的HTML标签，没有使用任何的框架或者库。这个代码可以作为开始，您可以根据需要添加更多的功能和样式。
评论已关闭