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

本文链接：https://blog.csdn.net/ldj2222/article/details/106173273

本文通过一个HTML音乐视频播放页面的小案例，探讨了页面排版的重要性，强调了CSS代码在布局中的作用。作者提醒读者注意细节，如尺寸设置，避免因打字错误导致的问题，并提倡培养良好的编程习惯。同时分享了HTML和CSS代码，诚邀大佬指正，期待与初学者共同进步。

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

最重要的是排版

如果出现问题，那就不是在自己想要的结果，应当再拆分中，多多练习，掌握页面的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>