HTML音乐视频播放页面的小案例,由小到大,进一步了解其中的知识!

最重要的是排版

  • 如果出现问题,那就不是在自己想要的结果,应当再拆分中,多多练习,掌握页面的size,height,width,等等。
  • 不过还是要自己倍加小心了,因为有时候打错字了,就会出现不应该的问题,这时候,而自己却没有认识到那可不就尴尬了,白白浪费了时间。

慢慢养成良好的编程习惯,不要随心所欲!

  • 下面时HTML的代码。让大家见笑了,我还在学习之中,有大佬的话,还请指正。多谢!!!
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>音乐视频播放页面</title>
<link type="text/css" href="作业1.css" rel="stylesheet"/>
</head>

<body>
<div id="box-video">
  <video src="实训27:阶段测试二/实训29给学生/video/mailang.webm" autoplay="autoplay" loop="loop">预览器不支持video标签</video>
  <div class="cd">
	  <div class="com"></div>
	</div>
  <div class="strong">
    <h2>风中的麦浪</h2>
    <p>风中的麦浪<br/>
      爱过的地方<br/>
      当微风带着收获的味道<br/>
      吹向我脸庞<br/>
      想起你轻柔的话语<br/>
      曾打湿我眼眶<br/>
      嗯…啦…嗯…啦…<br/>
      我们曾在田野里歌唱<br/>
      在冬季盼望<br/>
      却没能等到阳光下<br/>
      那就这样吧,再爱的都曲终人散<br/>
    </p>
    <audio src="https://sharefs.yun.kugou.com/202005121835/c2422e3174e1699ec006fc68860bd990/G201/M05/1F/17/aYcBAF5q3_SAPp7LAEaMZ_KTXHQ520.mp3" autoplay="autoplay" loop="loop"></audio>
  </div>
</div>
</body>
</html>

现在在是css 的代码

有时候。就是自己不小心,打错代码,而没有出现想要的结果,这时寻找是很麻烦的,希望和我一样的小伙伴,一起进步ÿ

  • 4
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
《精通HTML5 + CSS3+JavaScript网页设计》内容主要包括CSS3的基本语法和概念,设置文字、段落、图片、背景、表格、表单和菜单等网页元素的方法,以及CSS3滤镜的应用。重点介绍如何使用DlV+CSS3进行网页布局,注重实战操作,使读者在学习CSS3技术的同时,掌握DIV+CSS3的精髓。还介绍了一些扩展知识,包括CSS3JavaScript、XML等综台应用。最后给出5个综合实例,使读者进一步巩固所学的知识,提高综合实战能力。随书光盘中包括266个实战案例、5个综合实例和《精通HTML5 + CSS3+JavaScript网页设计》的视频教学录像。 第1章 HTML5概述 1.l HTML5的基本概念 1.1.1 HTML 5简介 1.1.2 THML 5文件的基本结构 1.2 HTML5文件的编写方法 1.2.1 使用记事本手工编写HTML文件 1.2.2 使用Dreamweaver CS5.5编写HTML文件 1.3 使用浏览器查看HTML5文件 1.3.1 各大浏览器与HTML5的兼容 1.3.2 查看页面效果 1.3.3 查看源文件 1.4 专家解惑 第2章 HTML5网页文档结构 第3章 HTML5网页中的文本和图像 第4章 用HTML5建立超链接 第5章 用HTML5创建表格 第6章 使用表单 第7章 CSS3概述 第8章 CSS3字体与段落属性 第9章 CSS3美化表格和表单样式 第10章 CSS3美化图像 第11章 CSS3美化背景与边框 第12章 Java Script概述 第13章 Java Script语言基础 第14章 Java Script内置对象 第15章 Java Script对象编程 第16章 Java Script操纵CSS3 第17章 HTML5CSS3和Java Script 第18章 HTML5绘制图形 第19章 HTML5中的音频和视频 第20章 地理定位、离线Wed应用和Web存储

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值