常用的HTML标签用于结构化和格式化内容

文章目录隐藏

在网页设计中，除了表格和表单，还有许多常用的HTML标签用于结构化和格式化内容。以下是一些常用的HTML标签及其简要说明：

<h1> - <h6>: 定义标题，<h1>是最高级别标题，<h6>是最低级别标题。
```
<h1>一级标题</h1>
<h2>二级标题</h2>
```
<p>: 定义段落。
```
<p>这是一个段落。</p>
```

<br>: 插入换行符。

这是第一行。<br>这是第二行。

<a>: 定义超链接。

<a href="https://www.example.com">访问示例网站</a>

<img>: 插入图像。

<img src="https://www.example.com/image.jpg" alt="示例图片">

<ul>: 定义无序列表。

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
</ul>

<ol>: 定义有序列表。

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
</ol>

<audio>: 插入音频。

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  您的浏览器不支持audio标签。
</audio>

<video>: 插入视频。

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  您的浏览器不支持video标签。
</video>

<div>: 定义一个分区或容器，常用于布局。
```
<div>
  这是一个容器。
</div>
```
<span>: 定义行内容器，常用于内联元素的样式调整。
```
<span style="color: red;">红色文本</span>
```

<section>: 定义文档中的分区，通常带有标题。

<section>
  <h2>分区标题</h2>
  <p>分区内容。</p>
</section>

<article>: 定义独立的内容区域。

<article>
  <h2>文章标题</h2>
  <p>文章内容。</p>
</article>

<header>: 定义页面或分区的头部。

<header>
  <h1>页面标题</h1>
</header>

<footer>: 定义页面或分区的底部。

<footer>
  <p>页脚内容。</p>
</footer>

通过这些标签，您可以轻松地创建结构清晰、格式美观的网页内容。希望这些信息对您有所帮助！

常用的HTML标签 用于结构化和格式化内容