<!DOCTYPE html> <html> <head> <title>我的网页设计模板</title> <style> /* 在这里添加你的CSS样式 */ </style> </head> <body> <header> <h1>欢迎来到我的网页设计模板</h1> <nav> <!-- 在这里添加导航链接 --> </nav> </header> <main> <section> <!-- 在这里添加主要内容 --> </section> </main> <footer> <p>© 2023 我的网页设计模板. 版权所有.</p> </footer> </body> </html>
在上述代码中,我们使用了基本的HTML结构,包括<!DOCTYPE html>
、<html>
、<head>
和<body>
标签,在<head>
标签中,我们设置了网页的标题<title>
,并在<style>
标签中添加了一些基本的CSS样式。
在<body>
标签中,我们创建了一个<header>
部分作为页面的头部,其中包含了一个标题和一个导航链接,接下来是<main>
部分,用于放置主要内容,你可以根据需要添加多个<section>
或<article>
等元素来组织内容,我们创建了一个<footer>
部分作为页面的底部,其中包含了一个版权信息。
你可以根据自己的需求对上述代码进行修改和扩展,你可以添加更多的CSS样式来美化页面,或者使用JavaScript来添加交互功能,希望这个模板代码能对你有所帮助!