悠悠楠杉
网站页面
HTML常用标签超详细整理，html常用标签及用法
06/10
HTML常用标签超详细整理
HTML（HyperText Markup Language）是网页设计和开发中不可或缺的标记语言。它通过不同的标签（tags）来构建和格式化网页的各个部分。本文将详细介绍一些常用的HTML标签，并附上简短描述和示例，以帮助您更好地理解和使用它们。
1. 标题标签 (<h1> - <h6>)
描述
标题标签用于定义内容的标题，<h1> 是最高的标题级别，通常用于主标题；<h6> 是最低的标题级别，通常用于子标题或副标题。
示例
```html
主标题
副标题
小节标题
子小节标题
次级子小节标题
最低级别标题
```
2. 段落标签 (<p>)
描述
段落标签用于定义文本内容的段落。每个 <p> 标签内部的内容会被浏览器渲染为一个新的段落。
示例
```html
这是一个段落。
这是另一个段落，包含了一些文字和链接。
```
3. 链接标签 (<a>)
描述
链接标签用于创建超链接，可以链接到其他网页、文件、邮件地址、锚点等。href 属性指定了链接的目标地址。
示例
html
<a href="https://example.com">访问Example网站</a>
<a href="mailto:someone@example.com">发送邮件</a>
<a href="#section2">跳转到第二部分</a> <!-- 锚点链接 -->
4. 图片标签 (<img>)
描述
图片标签用于在网页中嵌入图片。src 属性指定图片的路径，alt 属性提供图片的替代文本，以提高网页的可访问性。
示例
html
<img src="image.jpg" alt="描述性文本" width="500" height="300">
注意：现代做法推荐使用CSS来控制图片尺寸，即使用 style 属性或外部样式表设置 width 和 height。
5. 无序列表 (<ul>) 和列表项 (<li>)
描述
无序列表用于展示一组项目的列表，且项目之间没有特定的顺序。每个列表项由 <li> 标签定义。
示例
```html
- 列表项一
- 列表项二
- 列表项三
```
6. 有序列表 (<ol>) 和列表项 (<li>)
描述
有序列表与无序列表类似，但它的项目会按照数字进行排序，通常用于表示步骤或排名。
示例
```html
- 第一步
- 第二步
- 第三步
```
