HTML教程 #3：基础学习——HTML语言的基本结构

2023-06-30

摘要: HTML 文档的基本结构由以下几个部分组成： 1. 文档类型声明（Document Type Declaration）文档类型声明是一个位于 HTML 文档开头的声明，用于告知浏览器使用哪个 HTML 版本解析文档。一般情况下，使用以下声明 ...

HTML 文档的基本结构由以下几个部分组成：

1. 文档类型声明（Document Type Declaration）

文档类型声明是一个位于 HTML 文档开头的声明，用于告知浏览器使用哪个 HTML 版本解析文档。一般情况下，使用以下声明指定 HTML5 版本：

<!DOCTYPE html>

2. `<html>` 标签

`<html>` 标签是 HTML 文档的根元素，它包含整个 HTML 文档的内容。

3. `<head>` 标签

`<head>` 标签用于定义 HTML 文档的头部区域，其中包含了一些与文档相关的元信息和配置，例如标题、样式表、脚本等。常见的 `<head>` 内容包括：

- `<title>` 标签：用于定义网页的标题，显示在浏览器的标题栏或标签页上。
- `<meta>` 标签：用于设置文档的元数据，如字符编码、描述、关键词等。
- `<link>` 标签：用于引入外部资源，如样式表或图标。
- `<script>` 标签：用于引入 JavaScript 脚本文件。

4. `<body>` 标签

`<body>` 标签是 HTML 文档的主体部分，包含了网页的实际内容，如文本、图像、链接等。这是用户在浏览器中看到的部分。

5. HTML 文档结构示例：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>My Webpage</title>
    <link rel="stylesheet" href="styles.css">
    <script src="script.js"></script>
  </head>
  <body>
    <h1>Welcome to My Webpage</h1>
    <p>This is a paragraph of text.</p>
    <img src="image.jpg" alt="An image">
    <a href="https://www.example.com">Visit Example</a>
  </body>
</html>

注意，在 HTML 文档中可以使用空格、缩进和换行符来提高代码的可读性，但它们不会影响页面的显示效果。HTML 标签和属性名称不区分大小写，但推荐使用小写字母以保持一致性。

查看全文

上一篇：HTML教程 #2：新手基础——HTML的版本和发展历史下一篇：HTML教程 #4：基础学习——常见的 HTML 元素