HTML教程 #4：基础学习——常见的 HTML 元素

2023-06-30

摘要: 学习 HTML 的基础知识时，以下是一些常见的 HTML 元素，它们用于创建和定义网页中的不同类型的内容：1. 标题元素（Heading Elements）用于定义标题，有 `h1` 到 `h6` 六个级别，表示不同的标题大小和重要性。例如： ...

学习 HTML 的基础知识时，以下是一些常见的 HTML 元素，它们用于创建和定义网页中的不同类型的内容：

1. 标题元素（Heading Elements）

用于定义标题，有 `<h1>` 到 `<h6>` 六个级别，表示不同的标题大小和重要性。例如：

   <h1>这是一级标题</h1>
   <h2>这是二级标题</h2>

用于定义段落文本。例如：

<p>这是一个段落。</p>

用于创建有序列表和无序列表。

- 有序列表使用 `<ol>` 标签，每个列表项使用 `<li>` 标签包裹。例如：

     <ol>
       <li>第一项</li>
       <li>第二项</li>
     </ol>

- 无序列表使用 `<ul>` 标签，每个列表项使用 `<li>` 标签包裹。例如：

<ul>

       <li>项目一</li>
       <li>项目二</li>
     </ul>

用于创建超链接到其他网页或资源。使用 `<a>` 标签，并通过 `href` 属性指定链接的目标。例如：

<a href="https://www.example.com">点击这里</a>

用于在网页中嵌入图像。使用 `<img>` 标签，并通过 `src` 属性指定图像的路径，`alt` 属性指定替代文本。例如：

<img src="image.jpg" alt="描述图像的文本">

用于将相关的标题组合在一起。使用 `<hgroup>` 标签，并包含一组连续的标题标签。例如：

   <hgroup>
     <h1>主标题</h1>
     <h2>副标题</h2>
   </hgroup>

用于插入水平线来分隔内容。使用 `<hr>` 标签。例如：

   <p>这是一段文本。</p>
   <hr>
   <p>这是另一段文本。</p>

`<div>` 用于表示文档中的块级元素，常用于分组和样式控制；`<span>` 用于表示文档中的内联元素，常用于对部分文本进行样式控制。

以上是一些常见的 HTML 元素，它们可以创建和定义网页中的不同类型的内容，从标题、段落、列表到链接和图像等。通过合理使用这些元素，可以组织和展示网页的内容，并为其添加结构和语义。

上一篇：HTML教程 #3：基础学习——HTML语言的基本结构下一篇：HTML教程 #5：使用HTML标签和属性来创建并格式化HTML内容