W3C HTML 活动学习笔记

1. 基础知识

1.1 HTML 是什么？

HTML（HyperText Markup Language）即超文本标记语言，是一种用于创建网页的标准标记语言。使用 HTML，可以将文本、图像、视频等内容结构化并加以呈现。

1.2 HTML 元素

HTML 中的所有内容都由元素（element）组成。元素由起始标签、内容和结束标签组成，如下所示：

htmlCopy Code
<p>这是一个段落。</p>

<p>：起始标签，表示一个段落的开始。
这是一个段落。：内容，表示段落中的文本。
</p>：结束标签，表示一个段落的结束。

1.3 HTML 属性

HTML 元素可以拥有属性（attribute），属性为元素提供了更多的信息。属性通常描述了元素的特征。属性值应该始终被包括在引号内，双引号是最常用的。

htmlCopy Code
<a href="https://www.w3.org">W3C 官网</a>

href：属性名，表示链接的目标 URL。
https://www.w3.org：属性值，表示链接到 W3C 官网。

2. 实例

下面是一个简单的 HTML 页面实例，展示了 HTML 基本元素的使用：

htmlCopy Code
<!DOCTYPE html>
<html>
<head>
	<title>HTML 实例</title>
	<meta charset="UTF-8">
</head>
<body>
	<h1>欢迎来到 W3C HTML 学习笔记！</h1>
	<p>这是一个段落。</p>
	<img src="w3clogo.png" alt="W3C logo">
	<a href="https://www.w3.org">W3C 官网</a>
</body>
</html>

<!DOCTYPE html>：文档类型声明，告诉浏览器这是一个 HTML5 文档。
<html>：文档根元素，包含整个文档的内容。
<head>：头部元素，包含了文档的元数据。
<title>：标题元素，定义了浏览器窗口的标题。
<meta>：元数据元素，提供了关于文档的元信息。
<body>：身体元素，包含了可见的页面内容。
<h1>：标题元素，表示第一级标题。
<p>：段落元素，用于显示文本段落。
<img>：图像元素，用于向页面插入图像。
<a>：链接元素，用于创建链接。

以上就是一个简单的 HTML 页面实例，你可以根据这个例子进行实践，尝试自己编写一个具有类似功能的页面。