如何构建新的 HTML 文档

HTML（超文本标记语言）是网页内容的支柱，为网站上显示的信息提供结构。每个 HTML 文档都遵循包含基本元素的基本结构。让我们深入研究关键组件。

1. '<!DOCTYPE html>'

该声明定义了所使用的文档类型和 HTML 版本。对于现代网页，习惯上使用“<!DOCTYPE html>”。

2. '<html>'

根元素封装了整个 HTML 文档。

3. '<head>'

head 部分包含有关文档的元信息，例如标题、字符集和链接的样式表。

4. '<title>'

此元素设置 HTML 文档的标题，该标题显示在浏览器选项卡或窗口中。

5. '<body>'

body 元素包含 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 HTML Document</title>
</head>
<body>
    <h1>Welcome to My Website</h1>
    <p>This is a simple example of an HTML document.</p>
    <img src="example.jpg" alt="An example image">
    <a href="https://www.example.com">Visit Example.com</a>
</body>
</html>

在此示例中，将 "My HTML Document" 替换为您所需的标题，并相应地调整 '<body>' 中的内容。理解这一基本结构为创建组织良好、语义有意义的网页奠定了基础。

奖励：结束标签

编写 HTML 页面时，重要的是要确保所有标记都正确关闭，以避免页面流和呈现问题。为了帮助完成此任务，请检查我们的 HTML 未封闭标签检查工具以捕获 HTML 代码中的结构问题。

html 文档头正文元标题 div p img a h1 lang 字符集视口