HTML音频、视频--课后作业实践

最新推荐文章于 2024-03-12 13:17:21 发布

Heetun

最新推荐文章于 2024-03-12 13:17:21 发布

阅读量340

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/weixin_52137034/article/details/124085566

版权

浅学了web一段时间，用浅显的知识做了一个小小的实践，各位大佬们多多包涵，指正。

主要知识重现：

<embed></embed>标记

语法：<embed src=" " width=" " height=" " autostart=" " loop=" "></embed>

src:设置媒体文件的路径
width、height:设置媒体文件的宽度、高度
autostart: 逻辑值，true为自动播放；false为不自动播放
loop: 逻辑值，true自动循环播放；false不循环播放

2.CSS的内部样式表

选择器1{属性1：属性值1；属性2：属性值2；......}

选择器2{属性1：属性值1；属性2：属性值2；......}

......

</style>

内部样式表是写在HTML的<head></head>里，只针对所在网页。

代码实现：

<!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>作业3</title>
    <style type="text/css">
        div{text-align:center;font-size:18px;font-family:黑体}
    </style>
</head>
<body>
    <div id="" class="">
        <h2 align="center"><strong>明月几时有</strong></h2>
        <hr size="5" color="#FFC0CB">
        <h3 align="center"><pre>
 明月几时有？把酒问青天。

 不知天上宫阙，今夕是何年。

 我欲乘风归去，又恐琼楼玉宇，高处不胜寒，起舞弄清影，何似在人间。
            
 转朱阁，抵绮户，照无眠。
            
 不应有恨，何事偏向别时圆。  
            
 人有悲欢离合，月有阴晴圆缺，此事古难全。
            
  但愿人长久，千里共婵娟。
        </pre>
        </h3>
        <hr size="5" color="#FFCOCB">
<embed src="https://music.163.com/song?id=545003421&userid=127085996"  width="400" height="200" autostart="true" loop="true" ></embed>
<embed src="https://tv.sohu.com/v/dXMvNDkxNjMyMTYvMTgzMDg2ODguc2h0bWw=.html" width="400" height="200" autostart="true" loop="true"></embed>
    </div>
</body>
</html>

这里的文件路径，我用的是网页链接，如果是自己电脑里的文件也不会有任何问题，需要更改路径名。

效果图：

这个图很简陋，大家可以自己多加点儿元素，丰富网页。

Heetun

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML音频、视频--课后作业实践

浅学了web一段时间，用浅显的知识做了一个小小的实践，各位大佬们多多包涵，指正。主要知识重现：<embed></embed>标记语法：<embed src=" " width=" " height=" " autostart=" " loop=" "></embed>src:设置媒体文件的路径 width、height:设置媒体文件的宽度、高度 autostart: 逻辑值，true为自动播放；false为...
复制链接

扫一扫