html代码大全(很全的)
html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="styles.css">
<script src="script.js" defer></script>
</head>
<body>
<header>
<h1>Welcome to My Website</h1>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section id="home">
<h2>Home Section</h2>
<p>This is the home section of my website.</p>
</section>
<section id="about">
<h2>About Section</h2>
<p>This is the about section of my website.</p>
</section>
<section id="contact">
<h2>Contact Section</h2>
<form action="submit.php" method="POST">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea>
<button type="submit">Submit</button>
</form>
</section>
</main>
<footer>
<p>© 2024 My Website. All rights reserved.</p>
</footer>
</body>
</html>
这是一个简单的 HTML 文档，包括了基本的结构元素，如 <!DOCTYPE> 声明、<html> 元素、<head> 元素、<body> 元素、标题元素、段落元素 (<p>)、链接 (<a>)、列表 (<ul> 和 <li>)、表单 (<form>)、输入框 (<input>)、文本域 (<textarea>)、按钮 (<button>)、以及脚注 (<footer>) 等等。
如果您需要更多特定的 HTML 元素或示例，请告诉我，我将尽力为您提供相关信息。
图像: 使用 <img> 元素来插入图像到网页中。
html<img src="image.jpg" alt="Description of the image">
表格: 使用 <table> 元素创建表格，<tr> 表示行，<td> 表示单元格。
html<table>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
</tr>
</table>
链接: 使用 <a> 元素创建链接。
html<a href="https://example.com">Visit Example</a>
音频和视频: 使用 <audio> 和 <video> 元素来添加音频和视频文件。
html<audio controls>
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<video controls>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video element.
</video>
样式: 使用 <style> 元素在 HTML 文件中添加 CSS 样式，或者通过外部 CSS 文件引入样式。
html<style>
body {
font-family: Arial, sans-serif;
}
</style>
JavaScript: 使用 <script> 元素在 HTML 文件中添加 JavaScript 代码，或者通过外部 JavaScript 文件引入脚本。
html<script>
alert('Hello, world!');
</script>
