注意:
- 以下方法是我通过多方查找摸索拼凑出来的出来的,可能和某些书籍或博主给出的不同;
- 亲测能自动播放音乐,但不知道什么缘故只我再测试时只有360极速游览器可以用。
- 由于没开网站,效果可以自己试试(很简陋)
1:代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>歌曲</title>
<style type="text/css">
body{
background-color:green;
}
.hhh{
writing-mode:tb-rl;
text-align:center;
}
</style>
</head>
<body>
<embed src="盗墓笔记·十年人间.mp3" autoplay loop width="0" height="0"></embed>
<center><font size="8" face="隶书">盗墓笔记十年人间</font></center>
<hr width="100%" color="red">
<marquee class="hhh" behavior="alternate" direction="up" height="400">
<font size="5" face="隶书"><p>
光 是谁燃烛照亮<br><br> 时间设下的迷藏<br><br>光 置换明暗立场 肆意流淌<br>
看,谁站过的地方 棋局已百孔千疮<br><br> 看 眼前最真假相 假又何妨<br><br>
怀揣着炽烈顽心走向,最宽容刑场<br><br>裂过碎过,都空洞地回响,到最后竟庆幸于夕阳,仍留在身上<br><br>来不及讲,故事多跌宕<br><br>有最奇崛的峰峦,成全过你我张狂,海上清辉与圆月,盛进杯光<br> 有最孤傲的雪山,静听过你我诵章<br><br>
世人惊羡的桥段,不过寻常<br><br>
光,可寻来路艰险,也可照前路坦荡<br><br>
光,补填残陋世相,无须度量<br><br>
看,你计算的无常,和你来时的彷徨<br> <br>
看,终有勇气独挡 人世荒唐<br> <br>
怀揣着炽烈顽心走向,最宽容刑场<br><br>裂过碎过,都空洞地回响,到最后竟庆幸于夕阳,仍留在身上<br><br>来不及讲,故事多跌宕<br><br> 有最奇崛的峰峦,成全过你我张狂,海上清辉与圆月,盛进杯光<br><br>
有最孤傲的雪山,静听过你我诵章,世人惊羡的桥段,不过寻常<br><br>
有最奇崛的峰峦,成全过你我张狂,海上清辉与圆月 盛进杯光<br><br>
有最残破的书简,记载过光阴漫长,无意拾过的片瓦,历数寒凉<br><br>
有最孤傲的雪山,静听过你我诵章,世人惊羡的桥段 不过寻常<br><br>
有最清瘦的字迹,都已随记忆泛黄<br><br>
而我再度铺垫起,下个篇章!
</p></font></marquee>
<hr width="100%" color="red">
<marquee behavior="alternate">
<video src="hhh.mp4" autoplay="autoplay" loop="loop" width="900" height="700" muted="true"></marquee>
</body>
</html>
2:部分标签及其属性解释(其他标签可以参考我之前的博文)