html+css+js实现图片，文字，视频，背景音乐盛宴
你进来了吗？
好吧，如果你感受到了欺骗，请您退出吧！
人菜瘾大，时隔一年，终究还是选了web前端，回想去年写的第一条博客也是html，命运总是这么巧合，哈哈哈哈！
构建登录界面
第一步，构建个登录界面，显得高大上一点 （素材）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body{
background: url("1.gif");
background-size: cover;
}
form{
text-align: center;
}
div{
text-align: center;
}
</style>
<script>
window.onload=function (){
var sub=document.getElementById("btn");
var text=document.getElementById("text");
var passwd=document.getElementById("passwd");
sub.onclick=function (){
if(text.value==""){
alert("请输入用户名");
return false;
}
if(passwd.value==""){
alert("请输入密码");
return false;
}
else if(text.value!="123456"||passwd.value!="123456") {
alert("用户名或密码输入错误！");
return false;
}
else if(text.value=="123456"&&passwd.value=="123456"){
alert("登录成功！");
window.open(../LX/html/练习.html);//密码输入正确，进行页面跳转
}
return true;
}
}
</script>
</head>
<body>
<div>
<form action="../LX/html/练习.html" method="post" >
<p>用户：<input type="text" id="text"></p>
<p>密码：<input type="password" id="passwd"></p>
<p><input type="button" value="提交" id="btn"/></p>
</form>
</div>
</body>
</html>
下载百度小图标（可忽略）
第二步，给打开的网页加个仪式感，先用python的request模块下载个百度ico图标，下载完保存到html文件所在目录下，直接用相对路径。
#引入库，若报错cmd界面切换到python安装路径/Scripts/pip install requests
import requests
r=requests.get("https://baidu.com/favicon.ico")
#在.py文件目录下保存图片
with open(favicon.ico,wb)as f:
f.write(r.content)
效果如下：
创建跳转页面内容
第三步，创建一个lianxi.html文件，我直接上源码
其中，需要特别注意的是自动播放背景音乐，用<embed>标签，浏览器不支持， 只能通过点击事件。
音频，视频如何下载？
熟悉python的朋友可以安装you-get模块，通过you-get直接下载网站的视频
音频有会员的话，直接在某狗或某云下载，好像某狗有一些歌曲是可以免费下载的，办法总比困难多。
注意：
所有文件放在同一目录下，是最方便的！
