列表,表格与媒体元素-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_55733315/article/details/118887251

本文介绍了HTML中无序列表、有序列表、定义列表、表格的使用，以及视频和音频标签的配置，展示了如何创建内联框架加载网页内容。内容涵盖网页结构、多媒体元素的控制属性，如loop循环播放，并提供了相关实例代码。

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

无序列表

<ul>
	<li>出演藏族女孩</li>
	<li>易始自拍</li>
	<li>诗隆甜蜜出游</li>
	<li>一线城市楼市退烧</li>
</ul>

有序列表

<ol>
	<li>出演藏族女孩</li>
	<li>易始自拍</li>
	<li>诗隆甜蜜出游</li>
	<li>一线城市楼市退烧</li>
</ol>

定义列表

<dl>
    <dt>水果</dt>
	<dd>苹果</dd>
	<dd>香蕉</dd>
	<dd>榴莲</dd>
	<dt>蔬菜</dt>
	<dd>白菜</dd>
	<dd>胡萝卜</dd>
	<dd>土豆</dd>
</dl>

表格

<table border="2">
	<!-- 定义行-->
	<tr>
		<th>姓名</th>
		<th>年龄</th>
		<th>成绩</th>
	</tr>
	<tr>
		<td>易始1</td>
		<td>18</td>
		<td>95</td>
	</tr>
	<tr>
		<td>易始2</td>
		<td>19</td>
		<td>95</td>
	</tr>
		</table>

样式如下：

姓名	年龄	成绩
易始1	18	95
易始2	19	95

视频标签 video

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

control属性供添加播放、暂停和音量控件

<html>
	<head>
		<meta charset="utf-8">
		<title>视频自动播放</title>
	</head>
	<body>
		<video src="video/儿童歌曲-葫芦娃.mp4" width="500px" height="350px" controls="controls" loop="loop"></video>
	</body>
</html>

loop循环播放

音频标签 audio

<audio src="audio/许巍-蓝莲花.mp3" controls="controls" loop="loop"></audio>

网页结构

<header><h1>网页头部</h1></header>
<section><h1>网页主体</h1></section>
<footer><h1>网页底部</h1></footer>

*内联框架

<!-- 内联页面 -->
<iframe src="demo08.html" name="firstPage" width="400px" height="350px"></iframe>


<!-- 内联网络连接 -->
<iframe src="http://www.taobao.com" name="baidu" width="500px" height="350px"></iframe>

点击回到目录页