2025.4.10 html有序、无序、定义列表、音视频标签

nothingbutluck4642025-04-18 21:03

有序列表以数字或字母对列表项进行编号，通过 <ol> 标签创建，列表项则用 <li> 标签表示。

html 复制代码

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

无序列表使用项目符号来标识列表项，借助 <ul> 标签创建，列表项同样用 <li> 标签表示。

html 复制代码

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橙子</li>
</ul>

定义列表用于呈现术语及其定义，由 <dl> 标签创建，术语用 <dt> 标签表示，定义用 <dd> 标签表示。

html 复制代码

<dl>
  <dt>HTML</dt>
  <dd>超文本标记语言，用于构建网页结构。</dd>
  <dt>CSS</dt>
  <dd>层叠样式表，用于设计网页样式。</dd>
</dl>

<audio> 标签用于在网页里嵌入音频文件，支持多种音频格式，像 MP3、WAV 等。

html 复制代码

<audio controls>
  <source src="example.mp3" type="audio/mpeg">
  你的浏览器不支持音频播放。
</audio>

<video> 标签用于在网页中嵌入视频文件，支持多种视频格式，如 MP4、WebM 等。

html 复制代码

<video width="320" height="240" controls>
  <source src="example.mp4" type="video/mp4">
  你的浏览器不支持视频播放。
</video>

网页输出：