Html 列表、表格、媒体元素
【摘要】 一、什么是列表列表就是信息资源的一种展示形式，它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息。二、无序列表<ul><!--声明无序列表--> <li>新建标签页1</li> <li>新建标签页2</li> <li>新建标签页3</li> <li>新建标签页4</li> <!--声明列表项--></ul>三、无序列表的特性没...
一、什么是列表
列表就是信息资源的一种展示形式，它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息。
二、无序列表
<ul><!--声明无序列表-->
<li>新建标签页1</li>
<li>新建标签页2</li>
<li>新建标签页3</li>
<li>新建标签页4</li>
<!--声明列表项-->
</ul>
三、无序列表的特性
没有顺序，每个<li>标签独占一行（块元素）；默认<li>标签项前面有个实心小圆点；
一般用于无序类型的列表，如导航、侧边栏新闻、有规律的图文组合模块等。
四、有序列表
<ol><!--声明无序列表-->
<li>新建标签页1</li>
<li>新建标签页2</li>
<li>新建标签页3</li>
<li>新建标签页4</li>
</ol><!--声明列
五、有序列表的特性
有顺序，每个<li>标签独占一行（块元素）；默认<li>标签项前面有顺序标记；一般用于排序类型的列表，如试卷、问卷选项等。
六、定义列表
<dl><!--声明定义列表-->
<dt>水果</dt><!--声明列表项-->
<dd>苹果</dd>
<dd>桃子</dd>
<dd>李子</dd>
<!--声明列表项-->
</dl>
七、定义列表的特性
没有顺序，每个<dt>标签、<dd>标签独占一行（块元素）；默认没有标记；一般用于一个标题下有一个或多个列表项的情况
八、列表对比
| 类型 |
说明 |
项目符号 |
| 无序列表 |
以<ul>标签来实现 以<li>标签表示列表项 |
无序列表中的每项都是平级的，没有级别之分，并且列表中的内容一般都是相对简单的标题性质的网页内容 |
| 有序列表 |
以<ol>标签来实现 以<li>标签表示列表项 |
有序列表ol-li一般用于显示带有顺序编号的特定场合 |
| 定义类表 |
以<dl>标签来实现 以<dt>标签定义列表项 以<dd>标签定义内容 |
定义列表一般适用于带有标题和标题解释性内容的场合 |
九、如何实现在网页上播放视频和音频？
1、视频元素：video
<video src="视频路径" controls></video>2、自动播放属性：autoplay
<video autoplay>
<source src="video/video.webm" type="video/webm"/>
<source src="video/video.mp4" type="video/mp4"/>
</video>1、音频元素：audio
<audio src="音频路径" controls></video>2、自动播放属性：autoplay
<audio controls>
<source src="music/music.mp3" type="audio/mpeg"/>
</audio>
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）