块元素
功能： 用于网页布局。
网页可以分为三个部分：
header 网页头部
main 网页主体
footer 网页头部
header 和 footer也可以用来表示块的首位部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
布局标签(结构化语义标签)
-->
<!-- header 表示网页头部
main 表示网页的主体部分(一个页面只会有一个main
footer表示网页底部)-->
</body>
</html>
main 表示网页的主体部分(一个页面只会有一个main）
footer表示网页底部
nva 表示网页中的导航
aside 表示侧边栏：用于解释说明（和主体相关，又不属于主体的内容）
article 表示文章
section 表示一个独立的区块，上边的标签不能使用时，用section表示
以上用都不多，<div> 用的最多
因为<div> 可以代替以上各个
还有一个span用的比较多
span 行内元素，没有任何语义，用于表示行内元素
快速生成html初始化界面小技巧
总结：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
布局标签(结构化语义标签)
-->
<!-- header 表示网页头部
main 表示网页的主体部分(一个页面只会有一个main）
footer表示网页底部
nva 表示网页中的导航
aside 表示侧边栏：用于解释说明（和主体相关，又不属于主体的内容）
article 表示文章
section 表示一个独立的区块，上边的标签不能使用时，用section表示
以上用都不多，<div> 用的最多
因为<div> 可以代替以上各个
span 行内元素，没有任何语义，用于表示行内元素`在这里插入代码片`
-->
<header></header>
<main></main>
<footer></footer>
<article></article>
<section></section>
<div></div>
<span></span>
</body>
</html>
url 和li
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
列表(list)
eg:
1.钱币
2.尺子
3.橡皮
在html中也可以创建列表，html中列表一共分为3中：
1.有序列表
2.无序列表
3.定义列表
有序列表，使用<url>标签创建 无序列表（前面写的不是序号）: <url></url>
使用li表示列表项
<url> 和 li配合使用
li表示list
-->
</body>
<url>
<li>结构</li>
<li>表现</li>
<li>行为</li>
</url>
</html>
无序列表
有序和无序对比
</body>
<url>
<li>结构</li>
<li>表现</li>
<li>行为</li>
</url>
<ol>
<li>结构</li>
<li>表现</li>
<li>行为</li>
</ol>
自定义列表
<url>
<li>结构</li>
<li>表现</li>
<li>行为</li>
</url>
<ol>
<li>结构</li>
<li>表现</li>
<li>行为</li>
</ol>
<dl>
<dt>结构</dt>
<dd>结构表示网页的结构，结构用来规定网页中哪些是标题，哪些是段落</dd>
</dl>
</html>
列表间的相互嵌套
<ul>
<li>
aa
<ul>
<li>aa-1</li>
<li>aa-2</li>
</ul>
</li>
</ul>
超链接
作用： 从一个界面 跳转到 其他界面。
or 作为当前页面的其他的位置。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
超链接可以让我们从一个界面跳转到其他界面 or 当前界面的其他位置
使用 a 标签定义超链接
超链接也是一个行内元素，在a标签中，可以嵌套任何元素，但是不能放自己。
属性： href指定跳转的目标路径
值可以是一个外部页面的地址
也可以写内部网页地址，但是该html得是在同一个目录文件夹下面
-->
<a href = "https://www.baidu.com">超链接</a>
<a>超链接<div></div></a>
<br><br>
<a href = "07.列表.html">内部超链接</a>
</body>
</html>
相对路径
. 表示当前文件所在的路径
./ 表示当前文件所在的目录
../ 表示当前文件所在目录的上一级目录
不写的话，默认就是
./
打开网页跳转新的网页
将 target 参数属性 设置为 _blank
<body>
<a href = "https://www.baidu.com" target="_blank">超链接</a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<br>
<!--
超链接可以让我们从一个界面跳转到其他界面 or 当前界面的其他位置
使用 a 标签定义超链接
超链接也是一个行内元素，在a标签中，可以嵌套任何元素，但是不能放自己。
属性： href指定跳转的目标路径
值可以是一个外部页面的地址
也可以写内部网页地址，但是该html得是在同一个目录文件夹下面
可选值：
_self 默认值，在当前页面打开超链接
_blank 在一个新的页面打开超链接
-->
<a href = "https://www.baidu.com">超链接</a>
<a>超链接<div></div></a>
<br><br>
<a href = "07.列表.html">内部超链接</a>
<a href = "https://www.baidu.com" target="_blank">超链接</a>
<br></br>
<!--在开发中可以将#作为超链接的路径的占位符-->
<a href = "#bottom">去底部</a>
<a href = "#p3">去p3</a>
<br><br>
<!--可以使用 javascript；来作为href的数学，此时点击这个超链接什么也不会发生-->
<a href = "javascript:;">这是新的超链接</a>
<p>余幼时即嗜学。家贫，无从致书以观，每假借于藏书之家，手自笔录，计日以还。天大寒，砚冰坚，手指不可屈伸，弗之怠。录毕，走送之，不敢稍逾约。以是人多以书假余，余因得遍观群书。既加冠，益慕圣贤之道，又患无硕师名人与游，尝趋百里外，从乡之先达执经叩问。先达德隆望尊，门人弟子填其室，未尝稍降辞色。余立侍左右，援疑质理，俯身倾耳以请；或遇其叱咄，色愈恭，礼愈至，不敢出一言以复；俟其欣悦，则又请焉。故余虽愚，卒获有所闻。当余之从师也，负箧曳屣，行深山巨谷中，穷冬烈风，大雪深数尺，足肤皲裂而不知。至舍，四支僵劲不能动，媵人持汤沃灌，以衾拥覆，久而乃和。寓逆旅，主人日再食，无鲜肥滋味之享。同舍生皆被绮绣，戴朱缨宝饰之帽，腰白玉之环，左佩刀，右备容臭，烨然若神人；余则缊袍敝衣处其间，略无慕艳意，以中有足乐者，不知口体之奉不若人也。盖余之勤且艰若此。</p>
<p>余幼时即嗜学。家贫，无从致书以观，每假借于藏书之家，手自笔录，计日以还。天大寒，砚冰坚，手指不可屈伸，弗之怠。录毕，走送之，不敢稍逾约。以是人多以书假余，余因得遍观群书。既加冠，益慕圣贤之道，又患无硕师名人与游，尝趋百里外，从乡之先达执经叩问。先达德隆望尊，门人弟子填其室，未尝稍降辞色。余立侍左右，援疑质理，俯身倾耳以请；或遇其叱咄，色愈恭，礼愈至，不敢出一言以复；俟其欣悦，则又请焉。故余虽愚，卒获有所闻。当余之从师也，负箧曳屣，行深山巨谷中，穷冬烈风，大雪深数尺，足肤皲裂而不知。至舍，四支僵劲不能动，媵人持汤沃灌，以衾拥覆，久而乃和。寓逆旅，主人日再食，无鲜肥滋味之享。同舍生皆被绮绣，戴朱缨宝饰之帽，腰白玉之环，左佩刀，右备容臭，烨然若神人；余则缊袍敝衣处其间，略无慕艳意，以中有足乐者，不知口体之奉不若人也。盖余之勤且艰若此。</p>
<p>余幼时即嗜学。家贫，无从致书以观，每假借于藏书之家，手自笔录，计日以还。天大寒，砚冰坚，手指不可屈伸，弗之怠。录毕，走送之，不敢稍逾约。以是人多以书假余，余因得遍观群书。既加冠，益慕圣贤之道，又患无硕师名人与游，尝趋百里外，从乡之先达执经叩问。先达德隆望尊，门人弟子填其室，未尝稍降辞色。余立侍左右，援疑质理，俯身倾耳以请；或遇其叱咄，色愈恭，礼愈至，不敢出一言以复；俟其欣悦，则又请焉。故余虽愚，卒获有所闻。当余之从师也，负箧曳屣，行深山巨谷中，穷冬烈风，大雪深数尺，足肤皲裂而不知。至舍，四支僵劲不能动，媵人持汤沃灌，以衾拥覆，久而乃和。寓逆旅，主人日再食，无鲜肥滋味之享。同舍生皆被绮绣，戴朱缨宝饰之帽，腰白玉之环，左佩刀，右备容臭，烨然若神人；余则缊袍敝衣处其间，略无慕艳意，以中有足乐者，不知口体之奉不若人也。盖余之勤且艰若此。</p>
<p id = "p3">余幼时即嗜学。家贫，无从致书以观，每假借于藏书之家，手自笔录，计日以还。天大寒，砚冰坚，手指不可屈伸，弗之怠。录毕，走送之，不敢稍逾约。以是人多以书假余，余因得遍观群书。既加冠，益慕圣贤之道，又患无硕师名人与游，尝趋百里外，从乡之先达执经叩问。先达德隆望尊，门人弟子填其室，未尝稍降辞色。余立侍左右，援疑质理，俯身倾耳以请；或遇其叱咄，色愈恭，礼愈至，不敢出一言以复；俟其欣悦，则又请焉。故余虽愚，卒获有所闻。当余之从师也，负箧曳屣，行深山巨谷中，穷冬烈风，大雪深数尺，足肤皲裂而不知。至舍，四支僵劲不能动，媵人持汤沃灌，以衾拥覆，久而乃和。寓逆旅，主人日再食，无鲜肥滋味之享。同舍生皆被绮绣，戴朱缨宝饰之帽，腰白玉之环，左佩刀，右备容臭，烨然若神人；余则缊袍敝衣处其间，略无慕艳意，以中有足乐者，不知口体之奉不若人也。盖余之勤且艰若此。</p>
<p>余幼时即嗜学。家贫，无从致书以观，每假借于藏书之家，手自笔录，计日以还。天大寒，砚冰坚，手指不可屈伸，弗之怠。录毕，走送之，不敢稍逾约。以是人多以书假余，余因得遍观群书。既加冠，益慕圣贤之道，又患无硕师名人与游，尝趋百里外，从乡之先达执经叩问。先达德隆望尊，门人弟子填其室，未尝稍降辞色。余立侍左右，援疑质理，俯身倾耳以请；或遇其叱咄，色愈恭，礼愈至，不敢出一言以复；俟其欣悦，则又请焉。故余虽愚，卒获有所闻。当余之从师也，负箧曳屣，行深山巨谷中，穷冬烈风，大雪深数尺，足肤皲裂而不知。至舍，四支僵劲不能动，媵人持汤沃灌，以衾拥覆，久而乃和。寓逆旅，主人日再食，无鲜肥滋味之享。同舍生皆被绮绣，戴朱缨宝饰之帽，腰白玉之环，左佩刀，右备容臭，烨然若神人；余则缊袍敝衣处其间，略无慕艳意，以中有足乐者，不知口体之奉不若人也。盖余之勤且艰若此。</p>
<p>余幼时即嗜学。家贫，无从致书以观，每假借于藏书之家，手自笔录，计日以还。天大寒，砚冰坚，手指不可屈伸，弗之怠。录毕，走送之，不敢稍逾约。以是人多以书假余，余因得遍观群书。既加冠，益慕圣贤之道，又患无硕师名人与游，尝趋百里外，从乡之先达执经叩问。先达德隆望尊，门人弟子填其室，未尝稍降辞色。余立侍左右，援疑质理，俯身倾耳以请；或遇其叱咄，色愈恭，礼愈至，不敢出一言以复；俟其欣悦，则又请焉。故余虽愚，卒获有所闻。当余之从师也，负箧曳屣，行深山巨谷中，穷冬烈风，大雪深数尺，足肤皲裂而不知。至舍，四支僵劲不能动，媵人持汤沃灌，以衾拥覆，久而乃和。寓逆旅，主人日再食，无鲜肥滋味之享。同舍生皆被绮绣，戴朱缨宝饰之帽，腰白玉之环，左佩刀，右备容臭，烨然若神人；余则缊袍敝衣处其间，略无慕艳意，以中有足乐者，不知口体之奉不若人也。盖余之勤且艰若此。</p>
<p>余幼时即嗜学。家贫，无从致书以观，每假借于藏书之家，手自笔录，计日以还。天大寒，砚冰坚，手指不可屈伸，弗之怠。录毕，走送之，不敢稍逾约。以是人多以书假余，余因得遍观群书。既加冠，益慕圣贤之道，又患无硕师名人与游，尝趋百里外，从乡之先达执经叩问。先达德隆望尊，门人弟子填其室，未尝稍降辞色。余立侍左右，援疑质理，俯身倾耳以请；或遇其叱咄，色愈恭，礼愈至，不敢出一言以复；俟其欣悦，则又请焉。故余虽愚，卒获有所闻。当余之从师也，负箧曳屣，行深山巨谷中，穷冬烈风，大雪深数尺，足肤皲裂而不知。至舍，四支僵劲不能动，媵人持汤沃灌，以衾拥覆，久而乃和。寓逆旅，主人日再食，无鲜肥滋味之享。同舍生皆被绮绣，戴朱缨宝饰之帽，腰白玉之环，左佩刀，右备容臭，烨然若神人；余则缊袍敝衣处其间，略无慕艳意，以中有足乐者，不知口体之奉不若人也。盖余之勤且艰若此。</p>
<p>余幼时即嗜学。家贫，无从致书以观，每假借于藏书之家，手自笔录，计日以还。天大寒，砚冰坚，手指不可屈伸，弗之怠。录毕，走送之，不敢稍逾约。以是人多以书假余，余因得遍观群书。既加冠，益慕圣贤之道，又患无硕师名人与游，尝趋百里外，从乡之先达执经叩问。先达德隆望尊，门人弟子填其室，未尝稍降辞色。余立侍左右，援疑质理，俯身倾耳以请；或遇其叱咄，色愈恭，礼愈至，不敢出一言以复；俟其欣悦，则又请焉。故余虽愚，卒获有所闻。当余之从师也，负箧曳屣，行深山巨谷中，穷冬烈风，大雪深数尺，足肤皲裂而不知。至舍，四支僵劲不能动，媵人持汤沃灌，以衾拥覆，久而乃和。寓逆旅，主人日再食，无鲜肥滋味之享。同舍生皆被绮绣，戴朱缨宝饰之帽，腰白玉之环，左佩刀，右备容臭，烨然若神人；余则缊袍敝衣处其间，略无慕艳意，以中有足乐者，不知口体之奉不若人也。盖余之勤且艰若此。</p>
<p>余幼时即嗜学。家贫，无从致书以观，每假借于藏书之家，手自笔录，计日以还。天大寒，砚冰坚，手指不可屈伸，弗之怠。录毕，走送之，不敢稍逾约。以是人多以书假余，余因得遍观群书。既加冠，益慕圣贤之道，又患无硕师名人与游，尝趋百里外，从乡之先达执经叩问。先达德隆望尊，门人弟子填其室，未尝稍降辞色。余立侍左右，援疑质理，俯身倾耳以请；或遇其叱咄，色愈恭，礼愈至，不敢出一言以复；俟其欣悦，则又请焉。故余虽愚，卒获有所闻。当余之从师也，负箧曳屣，行深山巨谷中，穷冬烈风，大雪深数尺，足肤皲裂而不知。至舍，四支僵劲不能动，媵人持汤沃灌，以衾拥覆，久而乃和。寓逆旅，主人日再食，无鲜肥滋味之享。同舍生皆被绮绣，戴朱缨宝饰之帽，腰白玉之环，左佩刀，右备容臭，烨然若神人；余则缊袍敝衣处其间，略无慕艳意，以中有足乐者，不知口体之奉不若人也。盖余之勤且艰若此。</p>
<p>余幼时即嗜学。家贫，无从致书以观，每假借于藏书之家，手自笔录，计日以还。天大寒，砚冰坚，手指不可屈伸，弗之怠。录毕，走送之，不敢稍逾约。以是人多以书假余，余因得遍观群书。既加冠，益慕圣贤之道，又患无硕师名人与游，尝趋百里外，从乡之先达执经叩问。先达德隆望尊，门人弟子填其室，未尝稍降辞色。余立侍左右，援疑质理，俯身倾耳以请；或遇其叱咄，色愈恭，礼愈至，不敢出一言以复；俟其欣悦，则又请焉。故余虽愚，卒获有所闻。当余之从师也，负箧曳屣，行深山巨谷中，穷冬烈风，大雪深数尺，足肤皲裂而不知。至舍，四支僵劲不能动，媵人持汤沃灌，以衾拥覆，久而乃和。寓逆旅，主人日再食，无鲜肥滋味之享。同舍生皆被绮绣，戴朱缨宝饰之帽，腰白玉之环，左佩刀，右备容臭，烨然若神人；余则缊袍敝衣处其间，略无慕艳意，以中有足乐者，不知口体之奉不若人也。盖余之勤且艰若此。</p>
<p>余幼时即嗜学。家贫，无从致书以观，每假借于藏书之家，手自笔录，计日以还。天大寒，砚冰坚，手指不可屈伸，弗之怠。录毕，走送之，不敢稍逾约。以是人多以书假余，余因得遍观群书。既加冠，益慕圣贤之道，又患无硕师名人与游，尝趋百里外，从乡之先达执经叩问。先达德隆望尊，门人弟子填其室，未尝稍降辞色。余立侍左右，援疑质理，俯身倾耳以请；或遇其叱咄，色愈恭，礼愈至，不敢出一言以复；俟其欣悦，则又请焉。故余虽愚，卒获有所闻。当余之从师也，负箧曳屣，行深山巨谷中，穷冬烈风，大雪深数尺，足肤皲裂而不知。至舍，四支僵劲不能动，媵人持汤沃灌，以衾拥覆，久而乃和。寓逆旅，主人日再食，无鲜肥滋味之享。同舍生皆被绮绣，戴朱缨宝饰之帽，腰白玉之环，左佩刀，右备容臭，烨然若神人；余则缊袍敝衣处其间，略无慕艳意，以中有足乐者，不知口体之奉不若人也。盖余之勤且艰若此。</p>
<!-- 超链接： 页面不跳转，直接回到顶部-->
<!-- 超链接： 页面不跳转，直接跳到尾部，需要在尾部新建一个特殊a标签
设置其id属性（唯一性），直接调到这个地方
然后在29行 href = 设置属性 为" 该地方的id（这里用的是bottom）"
-->
<a href = "#">回到顶部</a>
<a id = "bottom" href = "#">回到顶部</a>
</body>
</html>
添加图片属性 img
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--图片标签：插入外部图片
img标签引入外部图片，img标签是一个自结束标签
属性：
src属性指定的是外部图片的路径-->
<!-- img属于 替换元素（基于块元素和行内元素之间。具有两种元素的特点） -->
<!-- alt 图片面试，在图片默认不显示情况下，显示
搜索引擎会根据alt的内容来识别图片，如果不写，则不会被搜索引擎收集 -->
<!-- 引入内部图片 -->
<img src = "./img/t1.png" alt = "数据库">
<!-- 引入外部图片 -->
<img src = "https://static.runoob.com/images/demo/demo1.jpg“ >
</html>
关于添加图片的种类
jepg(jpg) 显示图片
支持的颜色比较丰富，不支持透明效果，不支持动图
gif 颜色单一图片。动图
支持的颜色少，支持简单透明。支持动图
png 颜色丰富。复杂透明图，专为网页而生
支持颜色丰富，支持复杂透明，不支持动图
webp
专门表示网页的图片的一种格式，具备其他图片格式所有优点，文件特别小
缺点： 兼容性查 IE浏览器不行
base64
将图片使用base64进行编码，对数据进行加密。这样可以直接将图片转换为字符，通过字符的形式引入图片。
一般都是一些需要 和网页 一起加载的图片 才会使用base64
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--图片标签：插入外部图片
img标签引入外部图片，img标签是一个自结束标签
属性：
src属性指定的是外部图片的路径-->
<!-- img属于 替换元素（基于块元素和行内元素之间。具有两种元素的特点） -->
<!-- alt 图片面试，在图片默认不显示情况下，显示
搜索引擎会根据alt的内容来识别图片，如果不写，则不会被搜索引擎收集 -->
<!-- 引入内部图片 -->
<img src = "./img/t1.png" alt = "数据库">
<!-- 引入外部图片 -->
<!-- width宽度设为500
hieght高度
改变一个另一个会随着变（所以一般只改一个边） -->
<img width = "500 "src = "https://static.runoob.com/images/demo/demo1.jpg" alt = "love">
<img width = "500 "src = "http://pic.qqkw.net/uploads/allimg/160503/1-160503224504.gif" alt = "love">
<!-- 图片的格式：
jepg(jpg) 显示图片
支持的颜色比较丰富，不支持透明效果，不支持动图
gif 颜色单一图片。动图
支持的颜色少，支持简单透明。支持动图
png 颜色丰富。复杂透明图，专为网页而生
支持颜色丰富，支持复杂透明，不支持动图
总结：效果一样用小的，效果不一样，用效果好的
webp
专门表示网页的图片的一种格式，具备其他图片格式所有优点，文件特别小
缺点： 兼容性查 IE浏览器不行
base64
将图片使用base64进行编码，对数据进行加密。这样可以直接将图片转换为字符，通过字符的形式引入图片。
一般都是一些需要 和网页 一起加载的图片 才会使用base64
-->
<img src='data:img/jpg;bS.........1BAACx'/>
<!-- base64 在线转换图片的网址： https://tool.oschina.net/encrypt?type=4 -->
</body>
</html>
内联框架
Hello
相当于在网页里you嵌套一个网页
注意：
h5用不了，已经被淘汰了
内联框架之所以用的不多，是因为其中的标签不会被搜索引擎所检索。
网页插入音频
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
audio 标签 表示 引入外部音频文件
音视频文件引入时，默认情况不允许用户自己控制播放停止，需要加controls属性
control是一个特殊的属性，不需要赋值
autoplay音频文件自动播放
如果设置了autoplay 设置了，则在打开页面会自动播放
但是目前来讲，大部分浏览器不会自动播放（）
loop 音乐是否循环播放
生效就写，不生效就不写
audio标签 IE8以下浏览器不支持
-->
<!-- <audio src="./audio/a1.mp3" controls autoplay></audio> -->
<audio src="./audio/a1.mp3" controls loop ></audio>
<!-- 除了通过src指定外部文件路径以外，还可以通过source指定文件路径
这样不支持的浏览器就显示文字
-->
<!-- 下面指定两个source，但是只执行第一个source，当第一个source不能用，才执行第二个source -->
<!-- embed 标签用于老的浏览器引入文件
type 中 audio 表示大类，mp3表示具体类型-->
<audio controls>
对不起，您的浏览器不支持播放音频，请升级浏览器！
<source src = "./audio/a1.mp3">
<source src = "audio/a2.ogg">
<embed src = "audio/a1.mp3" type= "audio/mp3" width = "200" height="100">
</audio>
</body>
</html>
网页插入视频
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 通过video引入视频
使用方法类似 audio-->
<video contrls>
<source src = "./video./flower.webm">
<source src = "./video./flower.mp4">
<embed src = "./video./flower.mp4" type = "video/mp4">
</video>
</body>
</html>
扫一扫
1105
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
