HTML中列表、表格与媒体元素

最新推荐文章于 2023-03-06 17:15:50 发布

星辉闪烁奇迹

最新推荐文章于 2023-03-06 17:15:50 发布

阅读量287

点赞数

文章标签： HTML

本文链接：https://blog.csdn.net/qq_44186793/article/details/88896084

版权

本文详细介绍了HTML中的列表（有序列表、无序列表、定义列表）及其样式设置，表格的使用，包括表格的基本语法、属性及单元格操作。此外，还探讨了媒体元素，如视频和音频的播放特性，包括支持的格式、控制属性以及浏览器兼容性。最后，提到了HTML5的页面结构元素和iframe框架的使用。

摘要由CSDN通过智能技术生成

《列表、表格与媒体元素》
一、列表的使用
1.列表是信息资源的一种展现形式，它可以使信息更加结构化条理化，便于阅读
2.列表（List）的分类：
a.有序列表
b.无序列表
c.定义列表
3.无序列表：
a.使用ul标签包裹(unsorted list的简写)
b.里面包含li表示列表项（list item)
c.每一项独占一行
d.每一项前面默认使一个实心小圆点
举例：

<!-- 无序列表-->
<ul>
	<li>aaaaa</li>
	<li>bbbb</li>
	<li>ccccc</li>
</ul>

4.有序列表：
a.使用ol标签包裹（order list的简写)
b.里面包含li
c.每一项默认有阿拉伯数字编号
举例：

<!-- 有序列表-->	
<ol>
	<li>aaaaa</li>
	<li>bbbb</li>
	<li>ccccc</li>
</ol>

5.定义列表：
a.是一种标题和列表的结合
b.dl作为外层标签（define list)
c.dt表示一个标题（标题可以有多个，也可以没有）
d.dd表示一个列表项
举例：

<!--定义列表-->
<dl>
	<dt>aaaa</dt>
	<dd>bbbb</dd>
	<dd>ccccc</dd>
	<dd>dddd</dd>
	
	<dt>国内水果</dt>
	<dd>苹果</dd>
	<dd>香蕉</dd>
	<dd>葡萄</dd>
<dl>
<!--  定义列表-->
<dl>
	<dd>布林</dd>
	<dd>车厘子</dd>
	<dd>牛油果</dd>
</dl>

6.列表样式
a.list-style-type属性设置列表项标记的类型
常用属性值说明
none 无标记符号
dis