HTML是超文本标记语言，是Web开发中最基本的语言之一。HTML用于为Web页面添加文本、图像、链接等内容，是构建万维网的基础语言之一。在HTML中，有许多常用的标签和属性，同时还有一些容器元素用于将HTML文档分隔成各个部分，下面我们来详细介绍。

一、HTML 常用标签

1. 标题标签（h1-h6）

HTML中的标题标签具有层级关系，h1最大，h6最小，用于表示文档的层级结构。

示例：

```html

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

```

2. 段落标签（p）

p 标签用于插入文本，被包含在 p 标签的文本会被解析为一个段落。

示例：

```html

这是一个段落。

```

3. 图片标签（img）

img 标签用于插入图片。

示例：

```html

```

其中，src属性为图片文件的路径，alt属性为图片的描述文本。

4. 超链接标签（a）

a 标签用于插入链接。

示例：

```html

链接文本

```

其中，href属性为链接的地址。

5. 列表标签（ul, ol, li）

ul（无序列表）和 ol（有序列表）分别表示无序和有序列表，每个列表项使用 li 标签表示。

示例：

```html

• 列表项1
• 列表项2

1. 第一名
2. 第二名

```

6. 表格标签（table, tr, th, td）

table 标签用于创建表格，每个表格行使用 tr 标签表示，每个表格单元格使用 th（表格头）或 td 标签表示。

示例：

```html

```

7. 表单标签（form, input, button）

form 标签用于创建表单，input 标签表示输入框，button 标签表示按钮。

示例：

```html

```

其中，action属性为表单提交的地址，method属性为表单提交的方式。

8. 块级标签（div）

div 标签用于将 HTML 文档分割成若干区块，常用于布局。

示例：

```html

```

二、HTML 常用属性

1. class和id属性

class 表示类，id 表示标识，都用于给 HTML 元素设置样式，并且可以在 JavaScript 中使用。

示例：

```html

```

2. href属性

href 属性用于设置链接的地址。

示例：

```html

链接文本

```

3. src属性

src 属性用于设置图片的地址。

示例：

```html

```

4. alt属性

alt 属性用于设置图片的描述文本。

示例：

```html

```

5. value属性

value 属性用于设置输入框或按钮的值。

示例：

```html

提交

```

三、HTML 容器元素

1. div

div 用于将文档内容划分为独立的、不同的部分。

示例：

```html

```

2. section

section 用于将文档内容分成多个独立的部分。

示例：

```html

```

3. article

article 用于表示独立的文章内容。

示例：

```html

链接1

```

HTML标签和属性、容器元素非常重要且常用，是 Web 开发的基础。在学习 HTML 的过程中，我们需要尽可能熟悉这些标签和属性，掌握它们的用法。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/