<h1>：我是一级标题，是页面最重要的标题

<p>：我是一个段落标签。我用来组织大段的文字，浏览器会自动在段落前后添加一些外边距。

<h2>：我是二级标题，用于组织页面的主要章节

<h3>：三级标题

<h4>：四级标题

<h5>：五级标题
<h6>：六级标题，重要性依次递减，字体也越来越小。

文本格式化标签

这是普通文本。 <strong>：我表示文本在语义上很重要，通常显示为粗体。</strong> <b>：我只是让文本变粗，没有强调的语义。
<em>：我表示需要强调的文本，通常显示为斜体。</em> <i>：我只是让文本变斜，没有强调的语义。 <u>：我为文本添加下划线。 <s>：我为文本添加删除线。
水的化学式是 H<sub>2</sub>O。 (sub 用于下标)
2的平方是 2<sup>2</sup>。 (sup 用于上标)

<code>：用于显示一小段代码。 

<pre>：我用于显示预格式化的文本块。
在 pre 标签内部，   所有的空格和
换行都会被保留。
非常适合用来显示大段代码。

列表标签

<ul> (Unordered List) 无序列表:

  • <li>：我是列表项 1
  • <li>：我是列表项 2
  • <li>：我是列表项 3

<ol> (Ordered List) 有序列表:

  1. 我是第一个列表项
  2. 我是第二个列表项
  3. 我是第三个列表项

<dl> (Definition List) 定义列表:

<dt>HTML
<dd>超文本标记语言，用于创建网页。
<dt>CSS
<dd>层叠样式表，用于为网页添加样式。

<a> (Anchor) 链接标签

这是一个指向谷歌的链接。

这个链接会在新标签页中打开。

点击这里可以跳转到下面的表单区域。

<img> (Image) 图片标签

< img src="https://via.placeholder.com/300x100.png?text=这是一个占位图" alt="占位图示例" width="300" height="100">

<table> 表格标签

<caption>：我是表格的标题
<th>：表头单元格1 <th>：表头单元格2 <th>：表头单元格3
<td>：数据单元格 (第1行, 第1列) 数据单元格 (第1行, 第2列) 数据单元格 (第1行, 第3列)
数据单元格 (第2行, 第1列) 数据单元格 (第2行, 第2列) 数据单元格 (第2行, 第3列)

<form> 表单标签

<legend>：个人信息

性别:

爱好:


HTML5 语义化标签 (用于布局)

这些标签本身没有特殊样式，但能让代码结构更清晰，对SEO和可访问性有益。

<header>: 通常用于放置页头内容，如logo和导航。
<main>: 页面的主要内容区域，每个页面应该只有一个。
<section>: 定义文档中的一个章节或区域。
<article>: 定义一个独立的、完整的内容块，如一篇博客文章。
<footer>: 通常用于放置页脚信息，如版权、联系方式等。

<div> 和 <span> 容器

<div>：我是一个块级容器，主要用于组合其他HTML元素，方便用CSS进行样式化和布局。我本身没有语义。我会占据一整行。

<span>：我是一个 内联容器，用于包裹一小部分文本或元素，方便单独设置样式。我不会导致换行。