下面是四个常见的 基本 HTML 标签 示例，包括段落、标题、超链接、图像等标签的使用方法。

1. 标题标签 (<h1> ~ <h6>)

HTML 中的标题标签用于表示文档中的标题，<h1> 是最高级别的标题，<h6> 是最低级别的标题。通常，<h1>用于页面的主标题，其他 <h2> 到 <h6> 用于子标题。

示例：

<h1>这是页面的主标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
  • 效果：该示例会显示不同级别的标题，标题的大小依次递减。

2. 段落标签 (<p>)

段落标签用于定义一段文本。它是网页中常见的结构化内容元素，通常包含若干句子。

示例：

<p>HTML（超文本标记语言）是用于创建网页的基础语言。它通过标记文本来定义页面的结构。</p>
  • 效果：显示一段简单的文本，并在段落之间自动插入换行。

3. 超链接标签 (<a>)

超链接标签用于创建可以点击的链接，href 属性指定链接的目标 URL。当用户点击链接时，会跳转到指定的页面。

示例：

<a href="https://www.example.com" target="_blank">访问示例网站</a>
  • 效果：显示文本 “访问示例网站”，用户点击后会跳转到 https://www.example.com，target="_blank" 表示在新标签页中打开链接。

4. 图像标签 (<img>)

图像标签用于在网页中嵌入图像。src 属性指定图像的来源，alt 属性提供图片的替代文本（当图片无法加载时显示）。

示例：

<img src="https://www.example.com/image.jpg" alt="示例图片" width="300" height="200">
  • 效果：显示一张图片，图片的宽度为 300 像素，高度为 200 像素。如果图片无法加载，将显示替代文本 “示例图片”。

总结

  • <h1> ~ <h6> 用于设置页面的标题。
  • <p> 用于定义段落文本。
  • <a> 用于创建超链接，可以跳转到其他页面或网址。
  • <img> 用于嵌入图片，并支持替代文本。

这些标签是 HTML 中的基本构建块，用于创建网页的结构和内容。