大一html5网页设计代码

admin 2024年02月15日 05:16 37 0

以下是一个简单的HTML5网页设计的代码示例：

<!DOCTYPE html>
<html>
<head>
 <title>我的第一个网页</title>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
 <header>
 <h1>欢迎来到我的网页</h1>
 </header>
 
 <nav>
 <ul>
 <li><a href="#home">主页</a></li>
 <li><a href="#about">关于</a></li>
 <li><a href="#contact">联系我们</a></li>
 </ul>
 </nav>
 
 <section id="home">
 <h2>欢迎来到我的主页</h2>
 <p>这是我的第一个网页，很高兴你能来参观。</p>
 </section>
 
 <section id="about">
 <h2>关于我</h2>
 <p>我是一个大学生，正在学习网页设计。</p>
 </section>
 
 <section id="contact">
 <h2>联系我们</h2>
 <p>如果你有任何问题或建议，请随时联系我。</p>
 </section>
 
 <footer>
 <p>&copy; 2023 我的网页. All rights reserved.</p>
 </footer>
</body>
</html>

这个代码示例创建了一个简单的网页，包括一个标题、一个导航栏、三个内容区域和一个页脚，你可以根据自己的需求修改这个代码，例如添加更多的内容、更改样式或添加交互功能。