HTML 标签列表（功能排序）

HTML是网页开发的基础，其中标签起到了重要的作用。在这篇学习笔记中我们将按照功能对HTML标签进行分类整理，以便更好的理解和使用。

文本标签

<h1> ~ <h6>

用于定义网页标题级别，其中<h1>代表最高级别的标题，<h6>代表最低级别的标题。

实例：

htmlCopy Code
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>

<p>

用于定义段落。

实例：

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

<a>

用于定义超链接。

实例：

htmlCopy Code
<a href="https://www.example.com">这是一个链接</a>

<ul> 和 <li>

用于定义无序列表，其中<ul>代表无序列表整体，<li>代表列表项。

实例：

htmlCopy Code
<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

<ol> 和 <li>

用于定义有序列表，其中<ol>代表有序列表整体，<li>代表列表项。

实例：

htmlCopy Code
<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ol>

<br>

用于表示换行。

实例：

htmlCopy Code
<p>这是第一行。<br>这是第二行。</p>

多媒体标签

<img>

用于图片的引入。

实例：

htmlCopy Code
<img src="example.jpg" alt="图片示例">

<video> 和 <source>

用于视频的引入。

实例：

htmlCopy Code
<video width="320" height="240" controls>
  <source src="example.mp4" type="video/mp4">
  <source src="example.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

<audio> 和 <source>

用于音频的引入。

实例：

htmlCopy Code
<audio controls>
  <source src="example.mp3" type="audio/mpeg">
  <source src="example.ogg" type="audio/ogg">
  Your browser does not support the audio element.
</audio>

表单标签

<form>

用于定义表单。

实例：

htmlCopy Code
<form>
  <!-- form elements -->
</form>

<input>

用于输入框。

实例：

htmlCopy Code
<input type="text" name="username">

<select> 和 <option>

用于下拉菜单。

实例：

htmlCopy Code
<select name="fruit">
  <option value="apple">苹果</option>
  <option value="banana">香蕉</option>
  <option value="orange">橙子</option>
</select>

<textarea>

用于多行文本输入框。

实例：

htmlCopy Code
<textarea name="comment" rows="4" cols="40">
在这里输入评论...
</textarea>

结束语

以上就是HTML标签的功能分类和实例。掌握这些基本的标签，就可以设计出丰富多彩的网页了！