<!DOCTYPE html> <html lang="zh"> <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; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; } h1 { margin: 0; } main { margin: 20px; } footer { background-color: #333; color: #fff; padding: 10px; text-align: center; } </style> </head> <body> <header> <h1>欢迎来到学校网站首页</h1> </header> <main> <p>这里是学校网站的首页,欢迎访问!</p> <p>我们致力于提供最新的学校新闻、活动、课程等信息,同时也会分享一些教育资源和学习技巧,帮助学生们更好地成长。</p> <p>我们的学校拥有一支优秀的教师团队,他们致力于为学生提供高质量的教育,帮助学生实现自己的梦想。</p> <p>如果你有任何问题或建议,欢迎随时联系我们,我们将竭诚为你服务。</p> </main> <footer> <p>© 2023 学校网站. 保留所有权利.</p> </footer> </body> </html>
这个示例中,我们使用了基本的HTML标签来创建一个简单的学校网站首页,标题使用<h1>
标签放置在<header>
中,以吸引用户的注意力,主体内容使用<main>
标签包裹,其中包含了一些介绍学校和提供信息的段落,使用<footer>
标签放置了版权信息。
你可以根据需要修改样式和内容,以满足你的具体需求,希望这个示例对你有所帮助!