HTML 参考手册学习笔记

1. HTML 简介

HTML（Hyper Text Markup Language）是一种标记语言，用于创建网页。它由一些列的标签（tag）组成，这些标签可以用来描述文本、图像、音频、视频等内容的样式和结构。

2. 常用 HTML 标签

下面列举了一些常用的 HTML 标签及其作用：

<html>：定义 HTML 文档。
<head>：定义文档的头部，包括文档的标题、meta 信息等。
<body>：定义文档的主体内容。
<h1> 到 <h6>：定义六个不同级别的标题。
<p>：定义段落。
<a>：定义超链接。
<img>：定义图片。
<ul> 和 <li>：定义无序列表。
<ol> 和 <li>：定义有序列表。
<table>、<tr>、<th> 和 <td>：定义表格，其中 <tr> 定义表格行，<th> 定义表头单元格，<td> 定义表格数据单元格。
<form>、<input>、<label> 和 <button>：定义表单，其中 <input> 定义输入框，<label> 定义输入框的标签，<button> 定义按钮。

3. HTML 实例

3.1 创建一个简单的 HTML 文档

htmlCopy Code
<!DOCTYPE html>
<html>
<head>
	<title>我的第一个 HTML 页面</title>
</head>
<body>
	<h1>欢迎来到我的网站！</h1>
	<p>这是一个简单的 HTML 页面。</p>
</body>
</html>

上面的代码演示了如何创建一个简单的 HTML 文档，并包括一个标题和一个段落。

3.2 创建一个超链接

htmlCopy Code
<!DOCTYPE html>
<html>
<head>
	<title>超链接示例</title>
</head>
<body>
	<p>请访问<a href="https://www.baidu.com/">百度</a>网站。</p>
</body>
</html>

上面的代码演示了如何创建一个超链接，其中 href 属性指定了链接的目标地址。

3.3 插入一张图片

htmlCopy Code
<!DOCTYPE html>
<html>
<head>
	<title>插入图片示例</title>
</head>
<body>
	<img src="https://www.baidu.com/img/bd_logo1.png" alt="百度首页图标">
</body>
</html>

上面的代码演示了如何插入一张图片，其中 src 属性指定了图片的地址，alt 属性用于在图片无法显示时提供替代文本。

4. 结论

HTML 是网页开发的基础，掌握 HTML 标签的使用对于开发网页非常重要。本文简要介绍了 HTML 的基础知识和常用标签，同时举了几个实例来帮助读者更好地理解这些标签的使用。