📅 最后修改于: 2023-12-03 14:51:36.594000 🧑 作者: Mango
HTML（超文本标记语言）是一种用于创建和组织网页内容的标记语言。在编写 HTML 代码时，通常需要使用一些基本的结构和元素。下面是一个基本的 HTML 样板，以便程序员们能够快速开始编写自己的网页。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Website</title>
<link rel="stylesheet" href="styles.css">
<script src="script.js"></script>
</head>
<body>
<header>
<h1>Welcome to My Website</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<main>
<section>
<h2>About</h2>
<p>This is a sample website created using HTML.</p>
</section>
<section>
<h2>Contact</h2>
<form>
<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>
<input type="submit" value="Submit">
</form>
</section>
</main>
<footer>
<p>© 2021 My Website. All rights reserved.</p>
</footer>
</body>
</html>
<!DOCTYPE html> 定义了当前文档使用的 HTML 版本。<html lang="en"> 定义了文档的根元素，本例中使用的是英语 (en)。<head> 标签中包含了文档的元数据和引用的外部资源。<meta charset="UTF-8"> 定义了文档的字符编码为 UTF-8。<meta name="viewport" content="width=device-width, initial-scale=1.0"> 定义了移动设备上的视窗设置。<title> 定义了网页的标题，显示在浏览器的标签栏上。<link rel="stylesheet" href="styles.css"> 引用外部 CSS 样式表文件。<script src="script.js"></script> 引用外部 JavaScript 文件。<body> 标签中包含了网页的主要内容。<header> 标签用于放置网页的标题或标志。<nav> 标签用于定义导航链接的部分。<ul> 和 <li> 标签用于创建无序列表。<main> 标签用于放置网页的主要内容。<section> 标签用于划分页面的不同部分。<h1> 到 <h6> 标签用于定义标题的级别。<p> 标签用于定义段落。<form> 标签用于创建表单。<label> 标签用于定义表单元素的标签。<input> 标签用于创建表单输入元素。<footer> 标签用于放置网页的页脚部分。这个基本的 HTML 样板提供了一个起点，你可以根据自己的需要进行修改和扩展。