列表、表格与媒体元素

最新推荐文章于 2025-08-05 08:56:43 发布

原创最新推荐文章于 2025-08-05 08:56:43 发布 · 143 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML5

博客介绍了HTML5相关内容，包含列表、表格的使用，如学生成绩表格示例；还提及视频元素，包括视频路径设置、自动播放属性等；此外，介绍了HTML5的结构元素，如<iframe>内联框架及其属性，可实现页面间相互跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

列表

类型	说明	项目符号
无序列表	以<ul>标签来实现以<li>标签表示列表项	无序列表中的每项都是平级的，没有级别之分，并且列表中的内容一般都是相对简单的标题性质的网页内容
有序列表	以<ol>标签来实现以<li>标签表示列表项	有序列表ol-li一般用于显示带有顺序编号的特定场合
定义类表	以<dl>标签来实现以<dt>标签定义列表项以<dd>标签定义内容	定义列表一般适用于带有标题和标题解释性内容的场合

表格

<table>

    <tr>

         <td>第1个单元格的内容</td>

         <td>第2个单元格的内容</td>

        ……

    </tr>

    <tr>

         <td>第1个单元格的内容</td>

         <td>第2个单元格的内容</td>

        ……

    </tr>

</table>

……

<tr>

        <td colspan="3">学生成绩</td>

</tr>

<tr>

        <td rowspan="2">张三</td>

        <td>语文</td>

        <td>98</td>

</tr>

……

视频元素

<video src="视频路径" controls></video>

<video controls>

<source src="video/video.webm" type="video/webm"/>

<source src="video/video.mp4" type="video/mp4"/>

</video>

自动播放属性 autoplay

HTML5的结构元素

header	标题头部区域的内容（用于页面或页面中的一块区域）
footer	标记脚部区域的内容（用于整个页面或页面的一块区域）
section	Web页面中的一块独立区域
article	独立的文章内容
aside	相关内容或应用（常用于侧边栏）
nav	导航类辅助内容