html网页完整代码作业
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>
/* 在这里添加你的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>这是一个简单的HTML网页示例。</p>
</section>
<section>
<h2>关于我们</h2>
<p>我们是一个伟大的团队，致力于创建优质网页。</p>
</section>
<section>
<h2>联系我们</h2>
<p>如果您有任何问题，请发送电子邮件至 <a href="mailto:info@example.com">info@example.com</a>。</p>
</section>
</main>
<footer>
<p>© 2023 我的网页</p>
</footer>
</body>
</html>
这个示例包含了一个简单的网页结构，包括头部和主体部分。你可以在头部部分添加元数据，如字符集、视口设置和标题。在主体部分，你可以添加你的网页内容，包括标题、导航、段落等。你还可以在 <style> 标签内添加CSS样式，来美化你的网页。
图像：通过使用 <img> 元素来添加图片到你的网页。例如：
html<img src="image.jpg" alt="图片描述">
超链接：使用 <a> 元素创建超链接到其他页面或资源。例如：
html<a href="https://www.example.com">访问示例网站</a>
表格：使用 <table>、<tr> 和 <td> 元素来创建表格。例如：
html<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>小明</td>
<td>25</td>
</tr>
</table>
表单：使用 <form> 元素创建用户输入表单，包括文本框、单选框、复选框等。例如：
html<form>
<label for="username">用户名：</label>
<input type="text" id="username" name="username">
<br>
<label for="password">密码：</label>
<input type="password" id="password" name="password">
<br>
<input type="submit" value="提交">
</form>
CSS样式：使用CSS来美化你的网页，你可以将CSS代码放在 <style> 标签内，也可以将其保存到外部CSS文件中并链接到你的网页中。
html<style>
/* 添加你的CSS样式规则 */
</style>
JavaScript：使用JavaScript来添加交互性和动态功能。你可以将JavaScript代码嵌入到 <script> 标签内或者链接到外部JavaScript文件中。
html<script>
// 添加你的JavaScript代码
</script>
多媒体：除了图片，你还可以嵌入音频和视频。使用 <audio> 和 <video> 元素来实现。
html<audio controls>
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<video controls width="320" height="240">
<source src="video.mp4" type="video/mp4">
Your browser does not support the video element.
</video>
样式框架：你可以使用流行的CSS框架来加速网页开发，并提供一致的样式和布局。
