在上一篇文章中，我们介绍了 HTML 的基本结构。在这篇文章中，我们将深入了解一些常用的 HTML 标签以及它们的作用，帮助你更好地理解如何构建网页内容。

常用的 HTML 标签

1. <h1> 到 <h6>

<h1> 到 <h6> 标签用于定义标题，其中 <h1> 是最高级别的标题，<h6> 是最低级别的标题。这些标签用于组织文档结构和突出重要内容。

2. <p>

<p> 标签用于定义段落，用来包裹文本内容，使其显示为一个段落。

3. <a>

<a> 标签用于创建超链接，可以链接到其他页面、文件或位置。通过设置 href 属性，我们可以指定链接的目标。

4. <img>

<img> 标签用于插入图像，通过设置 src 属性指定图像的路径。可以通过设置 alt 属性为图像添加描述性文本。

5. <ul> 和 <li>

<ul> 和 <li> 标签用于创建无序列表，其中 <ul> 定义了无序列表，<li> 定义了列表项。

6. <ol> 和 <li>

<ol> 和 <li> 标签用于创建有序列表，其中 <ol> 定义了有序列表，<li> 定义了列表项。

7. <div> 和 <span>

<div> 和 <span> 标签用于在文档中创建容器，用于组织和样式化内容。<div> 通常用于组织块级内容，而 <span> 通常用于行内内容。

示例代码

下面是一个简单的 HTML 示例，展示了如何使用上述常用标签：

<!DOCTYPE html>
<html>
<head>
    <title>常用 HTML 标签示例</title>
</head>
<body>
    <h1>欢迎来到我的网页！</h1>
    
    <p>这是一个包含常用 HTML 标签的示例。</p>
    
    <ul>
        <li>无序列表项 1</li>
        <li>无序列表项 2</li>
    </ul>
    
    <ol>
        <li>有序列表项 1</li>
        <li>有序列表项 2</li>
    </ol>
    
    <a href="https://www.example.com">点击这里访问示例网站</a>
    
    <img src="image.jpg" alt="示例图像">
</body>
</html>

通过学习这些常用标签，你将能够更加灵活地构建丰富多彩的网页内容。继续探索 HTML，发挥你的创造力，打造独具特色的网页吧！

希望这篇文章对你有所帮助！如果有任何疑问或需要进一步解释，请随时告诉我。