网页的设计与开发离不开HTML（HyperTextMarkupLanguage），它是构建网页的骨架和基础。了解HTML中的常用标签及其用途对于任何从事网页开发的人来说都是至关重要的。本文将详细介绍这些标签，并指导你如何在实际工作中正确使用它们。

核心标签：网页结构的基础

DOCTYPE声明：文档类型定义

```html

```

DOCTYPE声明位于HTML文档的第一行，用于告诉浏览器文档使用的HTML版本，以确保页面按照预期的规范进行渲染。``表示文档是HTML5文档。

html标签：HTML文档的根元素

```html

```

这个标签是所有HTML页面的根元素，它包含整个HTML文档的全部内容。我们通常会在``标签内定义``和``两个主要部分。

head标签：文档的元数据

```html

```

``标签包含了所有头部信息，如页面标题（`

```

网页的标题出现在浏览器标签上，并作为书签、搜索引擎结果中的页面标题。一个具有描述性的标题有助于提升SEO（搜索引擎优化）效果。

body标签：网页的主体内容

```html

```

``标签包含了页面所有可见的内容，比如文本、图片、视频、链接等。

文本内容标签：构建网页内容

h1至h6标签：标题元素

```html

主标题

次级标题

```

这些标签用于定义标题和子标题。`

`通常用于主标题，而`

`至`

`用于次要标题。每个页面应该只有一个`

`标签，并且应当尽量反映页面主题。

p标签：段落

```html

这是一个段落。

```

`

`标签用于定义文本段落。它是网页文本组织的基础，浏览器会自动在其前后添加空间。

a标签：超链接

```html

访问百度

```

``标签用于创建超链接，允许用户点击后跳转到其他页面或位置。`href`属性指向链接的目标地址，而`rel="nofollownoopener"`属性确保链接在新标签页中打开，并且防止搜索引擎算法传递权重。

img标签：图像

```html

```

``标签用于在页面中嵌入图片。`src`属性指定了图片的地址，`alt`属性提供了图片的替代文本，这对于搜索引擎优化和视障用户非常重要。

ul,ol,li标签：列表

```html

• 列表项一
• 列表项二

1. 第一
2. 第二

```

无序列表（`

`）和有序列表（`
`）用于在网页上组织列表形式的数据。`
1. `标签定义列表中的每个项。

   

   表单标签：与用户交互的界面

   form标签：表单容器

   ```html

   ```

   `

   `标签用于创建一个表单，用户可以在其中输入数据。`action`属性定义了表单提交后数据的处理地址，`method`属性指定了数据提交的方式，通常是`get`或`post`。

   input标签：输入字段

   ```html

   ```

   ``标签是表单中用于创建各种类型输入字段的核心标签。`type`属性定义输入字段的类型，如`text`、`password`、`radio`、`checkbox`、`submit`等。

   label标签：标签文本

   ```html

   用户名:

   ```

   ``标签用于定义输入字段的标签文本，与``标签配合使用时，通过`for`属性关联输入字段的`id`，可提升可访问性和用户体验。

   

   结构性标签：提升可访问性与语义化

   header标签：定义页眉

   ```html

   ```

   `

   `标签通常用于包含介绍性内容或导航链接。

   footer标签：定义页脚

   ```html

   ```

   `