📅 最后修改于: 2023-12-03 14:41:56.840000 🧑 作者: Mango
在这个 HTML 课程的第一节中，我们将介绍如何构建 HTML 页面的主要内容。HTML 是一种标记语言，用于创建 Web 页面的结构和内容。了解如何构建主要内容是创建任何 Web 页面的重要第一步。
HTML 使用圆括号 (<>) 和斜线 (/) 来创建标记。标记有两种类型：元标记和内容标记。元标记用于定义文档的结构，而内容标记用于定义文档的内容。以下是 HTML 中常用的一些标记：
<!DOCTYPE html> : 文档类型声明
<html> : 根标记，整个文档必须放在这个标记之间
<head> : 用于定义文档的头部，通常包含文档的标题、样式表和 js 文件等元素
<title> : 文档的标题，将显示在浏览器的标题栏中
<body> : 用于定义文档的主体部分，包括所有的内容
<h1>...<h6> : 用于定义标题，h1 表示最高级别的标题，而 h6 则是最低级别的标题
<p> : 用于定义段落
<ul> : 用于定义无序列表
<ol> : 用于定义有序列表
<li> : 用于定义列表项
<a href="url"> : 用于定义链接，其中 url 是指向其他页面的链接地址
<img src="url" alt="description"> : 用于插入图像，其中 url 指向图像的位置，description 是图像的描述文本
为了构建 HTML 页面的主要内容，我们需要使用这些标记。以下是一个例子，展示如何使用这些标记来构建一个简单的 Web 页面：
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a paragraph of text.</p>
<h2>A List of Items</h2>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<h2>A Picture of My Pet</h2>
<img src="my_pet.jpg" alt="A picture of my pet">
</body>
</html>
本节课程介绍了如何构建 HTML 页面的主要内容。了解这些标记是创建 Web 页面的重要第一步。在接下来的课程中，我们将介绍更多的 HTML 标记，以及如何使用样式表和 JavaScript 来增强页面的外观和功能。