整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
<!DOCTYPE html>
<html>
<head>
<title>html5添加音乐</title>
<meta charset="utf-8">
<!--embed标签写在<head>里面的title标签下-->
<embed src="C:\Users\Administrator\Desktop\告白气球.mp3" hidden="flase" autostart="true" loop="true">
<!-- 说明：
1、src：文件路径。
2、hidden="true"表示隐藏音乐播放按钮，相反使用hidden="false"表示开启音乐播放按钮。
3、autostart="true" 表示是打开网页加载完后自动播放。
4、loop="true"表示 循环播放 如仅想播放一次则为：loop="false" -->
</head>
<body>
<audio autoplay="autoplay" loop="loop" preload="auto" controls="controls"
src="C:\Users\Administrator\Desktop\告白气球.mp3">
</audio>
<!-- 说明：
1、autoplay="autoplay"，则背景音乐将在音网页打开后就自动马上播放。
2、controls="controls"，则为了在页面内显示显示控件，如播放按钮。
3、"loop="loop"，则是为了使背景音乐重复播放。
4、preload="auto"，则音频在页面加载的同时进行加载，并预备播放。
5、src=""，即是在""内加入背景音乐的保存路径，如：src=""。
注：若是想播放按钮隐藏，则使用以下语句：
直接使用css 的display控制audio标签的显示： -->
<style type="text/css">
audio{
display: none;
}
</style>
</body>
</html>、建立站点后，在文件夹上右键新建一个文件，改名为音乐制作网页，然后双击进入网页，首先，插入表格，17行，2列，表格宽度和表格粗细都为0，确定。选中表格，下边的对齐方式为，居中对齐
2、选中第一个格，按住Ctrl键再选中第二个格，右键，表格，合并单元格，点击插入，图像，选择建的站点下的素材，确定
3、用刚才的方法合并第二行单元格，填写导航栏文字，选择拆分，找到对应代码位置，填写空格代码 在文字前后都添加空格，使导航栏文字间隙均匀，下边背景颜色改为紫色
4、编写下一行文字，背景颜色为绿色，金曲列表文字，下边，HTML，格式为标题5，歌曲下载文字，下边，HTML，格式为标题3，找到代码中金曲列表文字对应位置，添加空格代码
5、在歌曲下载文字后面插入，图像，选择下载图标图片，点击图片，选择连接指向你的歌曲MP3文件
6、在每个格中加入歌名，每个都要插入，布局对象，Div标签，然后添加歌曲名称
7、右半部分，前两行合并，插入布局对象，添加文字那女孩对我说，HTML格式改为标题2，然后将下边剩余所有行合并，插入布局，添加歌词
8、选择歌词，将HTML的格式改为标题5
9、点击代码，找到歌词位置，复制空格，在每一行歌词前面招贴空格，刷新一下，使歌词居中一些
10、按F12预览
小伙伴们，有没有看懂呢，看不懂可以去看视频呦！
4 种方式可以在 HTML 中引入 CSS。其中有 2 种方式是在 HTML 文件中直接添加 CSS 代码，另外两种是引入 外部 CSS 文件。下面我们就来看看这些方式和它们的优缺点。
内联方式
内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。
示例：
<div style="background: red"></div>
这通常是个很糟糕的书写方式，它只能改变当前标签的样式，如果想要多个 <div> 拥有相同的样式，你不得不重复地为每个 <div> 添加相同的样式，如果想要修改一种样式，又不得不修改所有的 style 中的代码。很显然，内联方式引入 CSS 代码会导致 HTML 代码变得冗长，且使得网页难以维护。
嵌入方式
嵌入方式指的是在 HTML 头部中的 <style> 标签下书写 CSS 代码。
示例：
<head>
<style>
.content {
background: red;
}
</style>
</head>
嵌入方式的 CSS 只对当前的网页有效。因为 CSS 代码是在 HTML 文件中，所以会使得代码比较集中，当我们写模板网页时这通常比较有利。因为查看模板代码的人可以一目了然地查看 HTML 结构和 CSS 样式。因为嵌入的 CSS 只对当前页面有效，所以当多个页面需要引入相同的 CSS 代码时，这样写会导致代码冗余，也不利于维护。
链接方式
链接方式指的是使用 HTML 头部的 <head> 标签引入外部的 CSS 文件。
示例：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
这是最常见的也是最推荐的引入 CSS 的方式。使用这种方式，所有的 CSS 代码只存在于单独的 CSS 文件中，所以具有良好的可维护性。并且所有的 CSS 代码只存在于 CSS 文件中，CSS 文件会在第一次加载时引入，以后切换页面时只需加载 HTML 文件即可。
导入方式
导入方式指的是使用 CSS 规则引入外部 CSS 文件。
示例：
<style> @import url(style.css); </style>
比较链接方式和导入方式
链接方式（下面用 link 代替）和导入方式（下面用 @import 代替）都是引入外部的 CSS 文件的方式，下面我们来比较这两种方式，并且说明为什么不推荐使用 @import。
小结：我们应尽量使用 <link> 标签导入外部 CSS 文件，避免或者少用使用其他三种方式。
*请认真填写需求信息，我们会在24小时内与您取得联系。
