HTML（HyperText Markup Language）是用来创建 Web 页面的标准标记语言，它是靠各种 HTML 元素来描述页面上的内容，并给这些内容赋予各种属性。在 HTML 中，元素是基本构建块之一，其中分为行内元素和块级元素两种。

## 行内元素

行内元素（Inline elements）指标签在HTML渲染时所呈现的元素往往是一行，它们只能容纳文本或其他行内元素。常见的行内元素有a、span、i、em、strong、b、u、del、s、ins、sup、sub、small、big等。

### 1. a

`a` 标签可以用来定义一个超链接，也可以在上面绑定一个事件，具有单击行为的超链接。

```html

这是一个链接

```

### 2. span

`span` 标签用于针对文档的一部分进行分组。可以使用 `class` 或 `id` 属性来设置 `span` 元素，从而对文本进行样式化或操作。

```html

这是一段提示信息

```

### 3. i

`i` 标签用于斜体显示文本。

```html

这是一段斜体的文字。

```

### 4. em

`em` 标签也用于斜体显示文本，但表示文本强调语气。

```html

重要的事情要说三遍！

```

### 5. strong

`strong` 标签用于加粗显示文本，表示文本在语境中的重要性。

```html

这个任务非常重要，请务必完成。

```

### 6. b

`b` 标签也用于加粗显示文本，但不表示文本在语境中的重要性。

```html

请先生在登录后操作。

```

### 7. u

`u` 标签用于下划线显示文本。

```html

这是一段有下划线的文本。

```

### 8. del

`del` 标签用于删除一个文本，在文本前后添加红色标记线。

```html

这句话中的错误文字应该删除。

```

### 9. s

`s` 标签也用于删除一个文本，但是只打上一个红色的标记线。

```html

这个方案已经被废弃了，请使用新方案。

```

### 10. ins

`ins` 标签用于插入一段新的文本，在文本前后添加绿色标记线。

```html

这个需要添加的新文字请在这里编辑。

```

### 11. sup

`sup` 标签用于上标显示文本。

```html

E=mc<sup>2</sup>是一个著名的公式。

```

### 12. sub

`sub` 标签用于下标显示文本。

```html

这里是一段天文学中的化学式：CO<sub>2</sub>。

```

### 13. small

`small` 标签用于指定文本的小字体大小。

```html

这是一段注释内容的文字。

```

### 14. big

`big` 标签用于指定文本的大字体大小。

```html

这是一段文档中有重要内容的文字。

```

## 块级元素

块级元素（Block-level elements）指的是标签在Web页面中呈现为独立的一块，可以单独占一行，它们可以包含行内元素和其他块级元素。常见的块级元素有div、ul、ol、li、h1、h2、h3、h4、h5、h6、p、blockquote等。

### 1. div

`div` 标签用于组织 HTML 文档的结构和标记 HTML 元素。

```html

```

### 2. ul 和 li

`ul` 和 `li` 标签用于创建无序列表。无序列表中每一个列表项使用 `li` 元素定义。

```html

• 列表项 1
• 列表项 2
• 列表项 3

```

### 3. ol 和 li

`ol` 和 `li` 标签用于创建有序列表。有序列表中每一个列表项使用 `li` 元素定义。有序列表使用 style 属性来设置数字或字母的样式。

```html

1. 列表项 1
2. 列表项 2
3. 列表项 3

```

### 4. h1 ~ h6

`h1` ~ `h6` 标签用于定义标题标签。 h1 元素是最重要的标题，而 h6 是最不突出的标题。

```html

这是一个 H1 标题

这是一个 H2 标题

这是一个 H3 标题

这是一个 H4 标题

这是一个 H5 标题

这是一个 H6 标题

```

### 5. p

`p` 标签用于定义段落，通常以另一段落（或标题）的结束作为开头。

```html

这是一个段落。

```

### 6. blockquote

`blockquote` 标签用于标记包含引用的部分，就像线上的引用样式一样。

```html

这是一个引用。

```

总的来说，了解行内元素和块级元素是非常重要的，这可以帮助我们更好地组织和描述文档中的元素。它们有独特的用途和样式，可以帮助我们在 HTML 中创建出更好的内容和结构。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/