<!DOCTYPE html> <html> <head> <title>网页设计模板</title> <style> /* 在这里添加你的CSS样式 */ </style> </head> <body> <header> <h1>欢迎来到我的网页!</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> </header> <main> <section> <h2>主要内容区域标题</h2> <p>这里是主要内容区域的详细说明。</p> </section> <section> <h2>另一个主要内容区域标题</h2> <p>这里是另一个主要内容区域的详细说明。</p> </section> </main> <footer> <p>© 2023 我的网页,版权所有。</p> </footer> </body> </html>
在上述模板中,我们使用了HTML5的基本结构,包括<!DOCTYPE html>
、<html>
、<head>
和<body>
标签,在<head>
标签中,我们添加了一个标题网页设计模板
,以及一个简单的CSS样式示例(你可以根据需要添加自己的CSS样式),在<body>
标签中,我们创建了一个包含页眉(header)、主内容区域(main)和页脚(footer)的布局。
你可以根据需要修改和扩展这个模板,添加更多的内容、样式和链接,希望这个模板对你有所帮助!