本文于 2024年5月4日 7:28 更新，注意查看最新内容
HTML是用于创建网页结构的标记语言，学习HTML文档的基本结构是入门网页开发的第一步。
下面是小编为大家总结的HTML文档的基本结构示例：
html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 在这里编写页面内容 -->
</body>
</html>
1. <!DOCTYPE html>：
<!DOCTYPE html>声明了文档的文档类型和版本，告诉浏览器使用HTML5进行解析。
2. <html>：
<html>标签是HTML文档的根元素，包含了整个HTML文档的内容。
lang属性用于指定文档的语言，有助于搜索引擎识别页面内容。
3. <head>：
<head>标签用于定义文档的头部，包含了一些元数据和其他重要信息。
<meta charset="UTF-8">：指定文档的字符编码为UTF-8，确保页面能够正确显示各种语言和特殊字符。<meta name="viewport" content="width=device-width, initial-scale=1.0">：指定页面在移动设备上的显示方式，使页面能够根据设备宽度进行自适应布局。<title>：定义页面的标题，显示在浏览器的标题栏或页签上。
4. <body>：
<body>标签包含了页面的主要内容，包括文本、图片、链接等。
- 在
<body>标签内编写页面的实际内容。
示例：
下面是一个简单的HTML文档示例：
html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Web Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is my first web page.</p>
<img src="image.jpg" alt="Image">
<a href="https://www.example.com">Visit Example.com</a>
</body>
</html>
在这个示例中，<h1>标签定义了一个一级标题，<p>标签定义了一个段落，<img>标签插入了一张图片，<a>标签创建了一个链接。
Comments | NOTHING