HTML 列表、表格、媒体元素【快速掌握知识点】

简介: HTML 列表、表格、媒体元素【快速掌握知识点】

一、什么是列表

列表就是信息资源的一种展示形式,它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息。

二、无序列表

1. <ul><!--声明无序列表-->
2. <li>新建标签页1</li>
3. <li>新建标签页2</li>
4. <li>新建标签页3</li>
5. <li>新建标签页4</li>
6. <!--声明列表项-->
7. </ul>

三、无序列表的特性

没有顺序,每个<li>标签独占一行(块元素);默认<li>标签项前面有个实心小圆点;

一般用于无序类型的列表,如导航、侧边栏新闻、有规律的图文组合模块等。

四、有序列表

1. <ol><!--声明无序列表-->
2. <li>新建标签页1</li>
3. <li>新建标签页2</li>
4. <li>新建标签页3</li>
5. <li>新建标签页4</li>
6. </ol><!--声明列

五、有序列表的特性

有顺序,每个<li>标签独占一行(块元素);默认<li>标签项前面有顺序标记;一般用于排序类型的列表,如试卷、问卷选项等。

六、定义列表

1. <dl><!--声明定义列表-->
2. <dt>水果</dt><!--声明列表项-->
3. <dd>苹果</dd>
4. <dd>桃子</dd>
5. <dd>李子</dd>
6. <!--声明列表项-->
7. </dl>

七、定义列表的特性

没有顺序,每个<dt>标签、<dd>标签独占一行(块元素);默认没有标记;一般用于一个标题下有一个或多个列表项的情况

八、列表对比

类型

说明

项目符号

无序列表

<ul>标签来实现

<li>标签表示列表项

无序列表中的每项都是平级的,没有级别之分,并且列表中的内容一般都是相对简单的标题性质的网页内容

有序列表

<ol>标签来实现

<li>标签表示列表项

有序列表ol-li一般用于显示带有顺序编号的特定场合

定义类表

<dl>标签来实现

<dt>标签定义列表项

<dd>标签定义内容

定义列表一般适用于带有标题和标题解释性内容的场合

九、如何实现在网页上播放视频和音频?

1、视频元素:video

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

2、自动播放属性:autoplay

1. <video autoplay>
2. <source src="video/video.webm" type="video/webm"/>
3. <source src="video/video.mp4" type="video/mp4"/>
4. </video>

1、音频元素:audio

<audio src="音频路径" controls></video>

2、自动播放属性:autoplay

1. <audio controls>
2. <source src="music/music.mp3" type="audio/mpeg"/>
3. </audio>


目录
相关文章
|
15天前
|
移动开发 前端开发 JavaScript
[HTML、CSS]知识点
本文涵盖前端知识点扩展、HTML标签(如video、input、canvas)、datalist和details标签的使用方法,以及CSS布局技巧(如margin、overflow: hidden和动态height)。文章旨在分享作者的学习经验和实用技巧。
28 1
[HTML、CSS]知识点
|
9天前
|
移动开发 JavaScript 前端开发
html table+css实现可编辑表格的示例代码
html table+css实现可编辑表格的示例代码
HTML 速查列表4
本示例包含两个部分:表格和框架。表格部分展示了带有两个列标题和一行数据的简单表格;框架部分通过 `&lt;iframe&gt;` 标签嵌入了一个外部页面 `demo_iframe.htm`。
|
9天前
|
数据安全/隐私保护
HTML 速查列表5
表单示例包括文本输入、密码框、复选框、单选按钮、提交和重置按钮、隐藏输入、下拉菜单及多行文本区。实体表示特殊字符,如 &lt; (&lt;)、&gt; (&gt;) 和 &#169; (©)。
|
18天前
HTML 列表3
HTML 自定义列表 (&lt;dl&gt;) 用于描述术语或名称的定义。每个术语由 &lt;dt&gt; 标签表示,其定义或描述由 &lt;dd&gt; 标签表示。
HTML 速查列表3
文档排版元素简介:包括图片、替换文本、样式/区块、块级和内联元素、无序列表、有序列表及定义列表等,帮助清晰组织和展示内容。
HTML 速查列表3
本示例展示了HTML中常用的元素:图片、样式与区块、块级与内联元素、以及三种列表(无序、有序和定义列表)的使用方法。通过这些基本标签,可以构建网页的基本结构。
HTML 速查列表2
文本格式化包括多种标签
HTML 速查列表1
HTML速查列表包含基本文档结构、标题、文本、换行和水平线等常用标签,方便日常打印使用。例如:`&lt;html&gt;`, `&lt;head&gt;`, `&lt;title&gt;`, `&lt;body&gt;`, `&lt;h1&gt;`至`&lt;h6&gt;`,`&lt;p&gt;`,`&lt;br&gt;`和`&lt;hr&gt;`。
|
18天前
HTML 列表4
HTML 列表标签用于创建不同类型的列表。`&lt;ol&gt;` 和 `&lt;ul&gt;` 分别定义有序和无序列表,`&lt;li&gt;` 定义列表项。`&lt;dl&gt;` 用于定义描述列表,其中 `&lt;dt&gt;` 定义术语,`&lt;dd&gt;` 定义术语的描述。