📅 最后修改于: 2023-12-03 15:25:34.703000 🧑 作者: Mango
HTML是超文本标记语言（Hypertext Markup Language）的缩写，它是一种用于创建网页的标准标记语言。
在HTML中，我们使用标签（tags）来标记页面的各种元素，比如标题、段落、图片、链接等。每个标签通常都有一个起始标记（opening tag）和一个结束标记（closing tag），表示这个标签所包含的内容。
例如，要创建一个简单的HTML页面，需要包括以下代码：
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网页！</h1>
<p>这是一个段落。</p>
</body>
</html>
其中，<!DOCTYPE html>是一个文档类型声明（Document Type Declaration），用于告诉浏览器这是一个HTML5文档。<html>标签是HTML页面的根标签，包含了整个页面的内容。<head>标签用于定义页面的元信息，比如标题、样式表和脚本等。在上面的例子中，我们定义了一个页面标题为“我的网页”。<body>标签包含了网页的主要内容，比如标题、段落、图片、表格等。
在<body>标签中，<h1>表示一个一级标题，用于显示页面的主要标题。<p>表示一个段落，用于显示页面的文本内容。
HTML还有很多其他的标签和属性，用来创建各种不同的元素和效果。请见下文的Markdown示例：
## HTML标签
HTML中有很多不同的标签，用于创建各种不同的元素和效果。
### 标题
使用`<h1>`到`<h6>`标签可以创建分级标题，如下所示：
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
### 段落
使用`<p>`标签创建段落：
<p>这是一个段落。</p>
### 列表
有两种列表类型可用：有序列表和无序列表。
#### 有序列表
使用`<ol>`标签创建有序列表，`<li>`标签创建每个列表项。例如：
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
#### 无序列表
使用`<ul>`标签创建无序列表，`<li>`标签创建每个列表项。例如：
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
### 链接
使用`<a>`标签创建链接，`href`属性指定目标URL：
<a href="https://www.baidu.com">百度一下，你就知道</a>
### 图片
使用`<img>`标签插入图片，`src`属性指定图片URL，`alt`属性指定图片替代文本（可选）：
<img src="/path/to/image.jpg" alt="图片描述">
### 表格
使用`<table>`标签创建表格，`<tr>`标签创建每一行，`<th>`或`<td>`标签创建每个单元格。例如：
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>小明</td>
<td>18</td>
</tr>
<tr>
<td>小红</td>
<td>20</td>
</tr>
</table>
## HTML属性
HTML标签通常有一个或多个属性，用于指定元素的属性或行为。
### href属性
`<a>`标签的`href`属性指定目标URL，例如：
<a href="https://www.baidu.com">百度一下，你就知道</a>
### src属性
`<img>`标签的`src`属性指定图片URL，例如：
<img src="/path/to/image.jpg" alt="图片描述">
### alt属性
`<img>`标签的`alt`属性指定图片替代文本，例如：
<img src="/path/to/image.jpg" alt="图片描述">
### style属性
`style`属性可以为元素定义内联样式，例如：
<p style="color:red;">这是一个红色段落。</p>
### class属性
`class`属性可以为元素定义一个或多个类名，用于样式设置和Javascript操作，例如：
<p class="warning">这是一个警告。</p>
## HTML注释
可以使用`<!--`和`-->`标记创建HTML注释，如下所示：
<!-- 这是一个HTML注释。 -->
在以上示例中，我们介绍了HTML标签和属性的基本用法，以及如何创建注释。当然，为了更深入地学习HTML，您还需要了解HTML的一些高级特性，比如表单、音视频、Canvas等。