HTML5背景音乐++++基础注册页面源代码

最新推荐文章于 2022-09-12 15:41:32 发布
最新推荐文章于 2022-09-12 15:41:32 发布
阅读量895 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wyh_File/article/details/78113715
版权
<html>
  <head>
     <title>注册</title>

<!-- wyh_设置音乐背景-->
     <embed src="D:\酷狗.class\徐誉滕-做我老婆好不好.mp3" hidden="true" autostart="true"

loop="false">


  </head>
  <boyd>


<!-- wyh_form表单-->
    <form style-color = "#C90000" >
<!-- wyh_设置顶头图片-->
       <img style = "margin-left:510px" src = "C:\Users\Administrator\Desktop\练习HTML

\Image\ht.PNG"/>


<!-- wyh_设置DIV阴影及框架-->
       <div style = " font-size:20px;
          color:#f0ff58;
          width:300px;
          height:400px;
          border:1px solid red;
          box-shadow:10px 10px 10px 10px red;
          line-height:200px;
          text-align:center;
          margin-left:510px">

<!-- wyh_创建表格，作用是将元素整齐出现-->
      <table align = "center">
         <tr>
            <td>
            姓名：<input type = "text" placeholder = "请输入姓名"/>
            </td>
         </tr>
         <tr>
            <td>
            密码：<input type = "password" placeholder = "请输入密码"/>
            </td>
         </tr>
         <tr>
            <td>
            男<input type = "radio" checked = "checked" name = "redio"/>
            女<input type = "radio"  name = "redio"/>
            </td>
         </tr><tr>
            <td>
              出生日期：<select>
                 <option>年</option>
                 <option>1994</option>
                 <option>1995</option>
                 <option>1996</option>
                 <option>1997</option>
                 <option>1998</option>
                 <option>1999</option>
                 <option>2000</option>
                 <option>2001</option>
                 <option>2002</option>
                 <option>2003</option>
                 <option>2004</option>
                 <option>2005</option>
              </select>
              <select>
                 <option>月</option>
                 <option>1</option>
                 <option>2</option>
                 <option>3</option>
                 <option>4</option>
                 <option>5</option>
                 <option>6</option>
                 <option>7</option>
                 <option>8</option>
                 <option>9</option>
                 <option>10</option>
                 <option>11</option>
                 <option>12</option>
              </select>
              <select >
                 <option>日</option>
                 <option>1</option>
                 <option>2</option>
                 <option>3</option>
                 <option>4</option>
                 <option>5</option>
                 <option>6</option>
                 <option>7</option>
                 <option>8</option>
                 <option>9</option>
                 <option>10</option>
                 <option>11</option>
                 <option>12</option>
                 <option>13</option>
                 <option>14</option>
                 <option>15</option>
                 <option>16</option>
                 <option>17</option>
                 <option>18</option>
                 <option>19</option>
                 <option>20</option>
                 <option>21</option>
                 <option>22</option>
                 <option>23</option>
                 <option>24</option>
                 <option>25</option>
                 <option>26</option>
                 <option>27</option>
                 <option>28</option>
                 <option>29</option>
                 <option>30</option>
                 <option>31</option>
              </select>
            </td>
         </tr>
         <tr>
          <td>
          邮箱：<input type = "text" placeholder = "请输入邮箱"/>
          </td>
         </tr>
         <tr>
          <td>
          家庭住址：<input type = "text" placeholder = "不能为空"/>
          </td>
         </tr>
         <tr>
          <td>
          证件：<input type = "text" placeholder = "身份证或其它"/>
          </td>
         </tr>
         <tr>
          <td>
           个性签名：
          </td>
         </tr>
         <tr>
          <td>
           <textarea wadth = "30px" height = "30px" style = "margin-left:38px">
           </textarea>
          </td>
         </tr>
         <tr>
          <td align = "center">
          <input type = "submit" value = "提交"/>
          <input type = "reset" value = "重置"/>
          </td>
         </tr>
         
      </table>
       </div>
    </form>
  </boyd>  
</html>
wyh_Files
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html5添加背景音乐
张三的博客，As a Developer
06-08 5399
0、补充demo 把代码分离出来做了demo，大家需要的可以自行下载，下载地址：下载地址点这里 1、需求说明 html5添加背景音乐 2、问题解决 直接上代码吧 首先添加音乐控件的div<div id="audio"> <div style="width: 45px;height:45px; position: fixed; top: 5px; right: 5px; font-s
HTML基础网页布局代码写法
m0_51826406的博客
03-07 8712
W3C标准 W3C World Wide Web Consortium 万维网联盟 中立性技术标准机构 W3C标准包括 结构化标准语言（HTML XML） 表现标准语言（CSS） 行为标准（DOM ECMAScript） 在idea创建一个工程 开始学习HTML基础 <!--注释 DOCTYPE：告诉浏览器我们使用什么规范 --> <!DOCTYPE html> <html lang="en"> <!-- head代表网页头部 --> <hea
Android音乐播放器（一）启动动画
Abtxr的博客
09-12 2123
这是去年大二做的一个简单音乐播放器项目：是尽可能模仿酷狗音乐写的，具体实现的功能如下： 1：启动动画：点击运行程序会出现一个两秒钟的视频，类似酷狗音乐的启动动画一样，非常可观！ 2：登录注册界面：输入账号和密码检验信息登录！ 3：轮播图：和酷狗音乐的一模一样，在主界面的上方有一个自动循环的轮播图，点击轮播图的每一个图片信息即可进入对应的具体服务，非常具有加分点！ 4：音乐唱片的转盘，歌曲同步进度条，以及音乐的暂停/播放/继续/上下曲切换！ 5：音乐的搜索实现！ 6：视频专栏的播放！ 7;个人信
html音乐的url,网页制作音乐播放器代码实现及html与url（4页）-原创力文档
weixin_39992199的博客
06-04 1102
说明： html 和 URL 其实都说的一种地址，如果想在网页中插入一段代码，以下插入的是音乐播放器代码，都需要 URL 这个地址，当然你可以在百度里面找到。以前做了一个网页就是以下的这些代码，下面有九种普通的代码，相信你掌握了音乐插入，视频代码 这些都不是问题，1. 迷你粉红色音乐播放器src=http://www.baidu.dj/mp3/fdiskdownmp3 ...
在HTML中添加背景音乐
热门推荐
qq_36765367的博客
09-23 16万+
方法一：在源代码中编写以下几句代码将能实现在HTML网页内添加背景音乐； <audio autoplay="autoplay" controls="controls"loop="loop" preload="auto" src="http://demo.mimvp.com/html5/take_you_fly.mp3"> 你的浏览器版本太低，不支持audi
HTML5+CSS3网站设计基础教程 源代码.rar
05-15
HTML5和CSS3是现代网页设计的基石，它们极大地提升了网页的交互性和视觉表现力。在"HTML5+CSS3网站设计...实践这些源代码和练习，将有助于你巩固理论知识，提升实际操作技能，为成为一名优秀的Web开发者奠定坚实基础。
HTML5+CSS3网站设计基础教程 源代码.7z
11-14
这个"HTML5+CSS3网站设计基础教程 源代码.7z"压缩包包含了学习这两项技术的全套源代码，对于初学者来说是一份极其宝贵的资源。 HTML5是超文本标记语言的第五个版本，它在HTML4的基础上做了大量改进和扩展，以适应...
基于HTML+CSS+JavaScript实现的QQ音乐界面+源代码+文档
04-09
这个项目包括了完整的源代码和相关文档，帮助初学者和开发者深入理解前端开发的基本原理和实践技巧。 首先，HTML（HyperText Markup Language）是网页的基础，用于构建网页的结构。在这个QQ音乐界面的实现中，HTML...
html5+css3城市场景动画特效代码
03-20
至于"jiaoben17358"这个文件名，可能是源代码或资源文件的一部分，具体作用可能涉及具体的JavaScript脚本或者CSS样式，这需要查看源代码才能进一步分析。"使用帮助.txt"和两个URL文件可能提供了一些关于如何运行、...
HTML5+CSS3+JS入门教程 + 源代码 pdf
03-28
总之，这个"HTML5+CSS3+JS入门教程"结合源代码，是一个全面学习网页开发的好资源，适合想要入门前端开发的初学者。通过系统学习，你可以掌握构建现代网页所需的核心技术，并有能力开发出富有吸引力且功能丰富的网站...
唯美Html5+Jquery爱心表白源码，带有背景音乐，动态效果
02-26
昨日亲测可用，资源分不多，请大家作为模板使用，稍加修饰即可
html5音乐播放器例子源码
09-09
html5音乐播放器例子源码
HTML5中多页面实现背景音乐的连续播放
DoWhatYouSay的博客
05-14 3万+
前几天老师布置了一个课程作业，用所学HTML5相关知识写几个页面出来，于是就开始了制作： 做到最后效果如图： 这是其中一个页面的图片，头部六个都是跳转到其他相关页面的标题，此时我在主页中添加了背景播放音乐： <!--添加音频播放，设置为自动播放,并隐藏播放控件的显示--> <audio controls="controls" autoplay="...
html增加背景音乐，并可点击按钮实现暂停或播放【适用手机端】
优倍素材网技术总结
08-26 2万+
实现效果： 页面加载完成自动播放背景音乐，可点击进行关闭操作 html代码： &lt;html&gt; &lt;title&gt;背景音乐&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p class="close_music_div"&gt;&lt;a href="javascript:void(0
h5背景音乐播放代码
weixin_34289744的博客
04-09 2136
ios下音乐不会自动播放，需要手动触发才会播放。但是在微信环境下可以做到自动播放。所以我们可以用下面的代码来实现兼容性自动播放。 //背景音乐开始 //添加一个音乐标签 let el_audio = new Audio(); window.el_audio = el_audio; //把音乐源文件加入到标签上 el_audio.setAttribute("src", require("./audi...
Html5+Css3实现类似网易云音乐的移动版播放器
Roger的专栏
02-21 3万+
网易云音乐的网页版是没有移动页面的，我突发奇想，来做一个玩玩： http://followyourheart.sinaapp.com/Demos/musicPlayer/Index.html 主要用到了Html5的一些Api跟Css3动画，仅供参考。
html显示链接音乐,歌曲链接怎么填_HTML中如何链接本地音乐
weixin_42363303的博客
06-03 2559
歌曲链接怎么填例如：菊花台1.百度MP3搜索菊花台点击歌曲名菊花台，出现一个网页。3复制一下歌曲链接就是了音乐链接怎么制作1、首先通过各种软件将要制作音乐链接的音乐下载到电脑上，这边通过软件将歌曲“感恩的心”下载到桌面。背景音乐怎么弄，歌曲连接地址该填什么内容？免费添加QQ空间背景音乐方法：1：登录QQ空间→上方导航里的“音乐盒”→上面“正版音乐库”：2：把页面往下拖，右下方(仔细找，在在线客服下...
HTML简单的网页代码编写
bingxuejianglin的博客
03-20 2万+
HTML 超文本标识语言(hyper text markup language ) 是由一堆代码组成，通过标识和标签，来渲染 文字、图片、音频、视频、动画、表格等。 蒂姆·博纳斯·李 W3C （w3c.org）。html代码，由前端大佬，写出来的网页 能符合web标准。万维网联盟 全球四大中心，麻省理工学院，欧洲数字信息中心、东京庆应大学，北京航空航天大学。 主要作用：就是让各大浏览器都能够显示同一样的页面。 1、网页由哪些内容组成 文字、图片、视频、音频、动画、表格。 2、网页背后的本质是什么
从出口数据看中国经济新动能-华福证券.pdf
最新发布
07-21
从出口数据看中国经济新动能-华福证券
html+css烟花绽放源代码
10-18
以下是一个简单的 HTML + CSS 烟花绽放的源代码，你可以在浏览器中运行它来查看效果： ```html <!DOCTYPE html> <html> <head> <title>烟花绽放</title> <style> body { background-color: black; } .firework { position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: white; animation: explode 1s ease-out forwards; } @keyframes explode { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(20); opacity: 0; } } </style> </head> <body> <script> function createFirework() { const firework = document.createElement('div'); firework.classList.add('firework'); firework.style.left = Math.random() * window.innerWidth + 'px'; firework.style.top = Math.random() * window.innerHeight + 'px'; document.body.appendChild(firework); setTimeout(() => { firework.remove(); }, 1000); } setInterval(createFirework, 500); </script> </body> </html> ``` 这个代码会在页面中创建一个黑色背景，并且每隔 0.5 秒就会在随机位置创建一个白色的小球，然后通过 CSS 动画让它逐渐变大并消失。这样就形成了烟花绽放的效果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值