HTML常见标签用法[HTML]/

墨觉云屋（墨觉云屋）是一个提供各类文章、视频、源码、插件、图标等资源的分享平台，用户可以浏览、下载、评论、收藏、上传自己的作品。本站还有文屋星球、畅聊、互动交流等功能

前言 当我们开始学习HTML时，我们会接触到各种不同的HTML标签，每个标签都有其独特的用途和功能。在这篇博客文章中将详细介绍每个标签的用法，以更好地理解HTML的基础知识。 HTML标签（一）：标题和段落 在HTML中，标题和段落是构建文档结构和组织内容的基础。以下是标题和段落标签的详细用法： 1. 

-

 标题标签： HTML提供了六个级别的标题标签，用于表示不同级别的标题。

 表示最高级别的标题，而 

 表示最低级别的标题。标题标签通常用于定义文档的结构和层次。

这是一个

级别的标题

这是一个

级别的标题

这是一个

级别的标题

这是一个

级别的标题

一键复制 2. 

 段落标签：

 标签用于定义文本段落，可以包含文本、图像、链接等内容。段落标签通常用于将相关内容组织成段落。

这是一个段落。段落可以包含文本、图像和链接等。

另一个段落。

一键复制 3. 
 换行标签：
 标签用于强制换行，通常用于在段落中插入换行符。

这是一行文本。
这是另一行文本，位于上一行下方。

一键复制 4. 

---

 分隔线标签：

---

标签用于插入水平分隔线，用于分隔内容或创建视觉分隔。

这是一些文本内容。

---

这是另一部分文本内容。

一键复制 5. 

 预格式化文本标签：

 标签用于保留文本中的空格和换行符，通常用于显示代码或预格式化文本。 

function sayHello() { console.log("Hello, World!"); } 

一键复制 HTML标签（二）：链接和图像 1.  链接标签：  标签用于创建链接，将文本或图像与其他网页或资源相关联。它有一个href属性，用于指定链接的目标URL。 这是一个链接到示例网站的文本 一键复制 您还可以使用target属性来指定链接如何在浏览器中打开，例如在新窗口中打开： 在新窗口中打开示例网站 一键复制 2.  图像标签：  标签用于在网页中插入图像。它有一个src属性，用于指定图像的文件路径。您可以设置alt属性来提供图像的替代文本，以便在图像无法加载时提供描述。

一键复制 HTML标签（三）：列表和表格 3. 

•  无序列表标签：
  •  标签用于创建无序列表，其中列表项不带编号或序号。每个列表项由
  • 标签定义。
    • 项目一
    • 项目二
    • 项目三
    一键复制 4. 
    1.  有序列表标签：
       1.  标签用于创建有序列表，其中每个列表项都带有编号或序号。同样，每个列表项由
       2. 标签定义。
          1. 第一步
          2. 第二步
          3. 第三步
          一键复制 5.  表格标签：  标签用于创建表格，包括行和列。表格中的内容通过（表格行）、

          （表格数据单元格）和	（表头单元格）标签来定义。 姓名 年龄 张三 25 李四 30 一键复制 6.   表单标签： 标签用于创建Web表单，允许用户输入和提交数据。表单通常包含输入字段、复选框、单选按钮等。 提交 一键复制 HTML标签（四）：文本样式和媒体元素 1.  和  强调标签：  和  标签用于强调文本内容。 表示强调文本更加重要或更显眼（通常以粗体显示），而  表示斜体文本以强调。 这是一个强调文本。 这是一个重要的通知。 一键复制 2.  下划线标签： 标签用于给文本添加下划线。请注意，虽然可以使用这个标签添加下划线，但通常更好的做法是使用CSS来控制文本的样式。 这个文本有下划线。 一键复制 3.  删除线标签：  标签用于在文本上添加删除线，通常表示文本已被删除或不再有效。与  一样，更好的做法是使用CSS来控制文本的样式。 这个文本已被删除。 一键复制 4.