HTML是Hyper Text Markup Language（超文本标记语言）的缩写，它是一种用于创建网页的标记语言，其中的标签定义了网页中各种元素的结构和外观。在HTML中，标记和属性是构成结构的基本单元。

HTML中的标记通常被包含在尖括号中，例如`

`表示一个段落。而标记可以包含属性，这些属性描述了标记所表示元素的特征，例如``标记可以包含`src`属性，用于指定图像文件的URL。

下面我们来具体了解一下HTML中常见的标记和属性。

## 标记

### 1.段落标记

段落标记`

`用于表示一个段落，它的语法格式如下：

```html

这是一个段落。

```

### 2.标题标记

标题标记`

`到`

`用于表示不同级别的标题，其语法格式如下：

```html

这是一个一级标题

这是一个二级标题

这是一个三级标题

这是一个四级标题

这是一个五级标题

这是一个六级标题

```

### 3.链接标记

链接标记`这是一个链接

```

其中`href`属性用于指定链接的URL。

### 4.图像标记

图像标记``用于表示一个图像，其语法格式如下：

```html

```

其中`src`属性用于指定图像文件的URL，`alt`属性用于指定图像的替代文本，以便于屏幕阅读器能够正确地读取图像信息。

### 5.列表标记

列表标记分为有序列表和无序列表，其语法格式如下：

#### 有序列表

```html

1. 这是一个有序列表项
2. 这是另一个有序列表项

```

#### 无序列表

```html

• 这是一个无序列表项
• 这是另一个无序列表项

```

### 6.表格标记

表格标记`

```html

```

其中``表示表格的一行，``表示表头单元格，``表示数据单元格。

## 属性

HTML中的标记可以包含多个属性，用于描述标记所表示元素的特征。

### 1. class属性

class属性用于为元素指定一个或多个类名，类名可以用于定义CSS样式或JavaScript操作。例如：

```html

这个段落是红色加粗的文字

```

### 2. id属性

id属性用于为元素指定唯一的标识符，可以用于CSS样式、JavaScript操作或锚点定位。例如：

```html

```

### 3. style属性

style属性用于为元素指定CSS样式，可以用于控制元素的背景、字体、大小、边框等属性。例如：

```html

这是一个20px大小的红色字体

```

### 4. title属性

title属性用于为元素指定一个鼠标悬停时显示的提示文本。例如：

```html

这是一个链接

```

### 5. src属性

src属性用于为图像、音频、视频等元素指定一个URL地址，用于加载这些媒体资源。例如：

```html

```

### 6. href属性

href属性用于为链接和锚点元素指定一个URL地址，用于跳转到指定的页面或位置。例如：

```html

这是一个链接

跳转到页面顶部

```

### 7. alt属性

alt属性用于为图像元素指定一个替代文本，用于在图像无法加载或被屏幕阅读器读取时显示。例如：

```html

```

### 8. width和height属性

width和height属性用于为图像元素指定宽度和高度（像素或百分比），用于控制图像的显示大小。例如：

```html

```

## 总结

HTML是一种基本的前端技术，用于描述网页的结构、内容和外观。在HTML中，标记和属性是构成基本语法的单元，标记表示不同类型的元素，属性用于描述元素的特征和行为。掌握HTML的基本标记和属性是前端开发的基础，也有助于写出更加优雅、高效和性能更好的网页。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.ynyuzhu.com/