霉霉——long live HTML歌单设计

~~~纯纯就是本人霉粉自玩~~~~

里面涉及许多初级HTML知识,学习中带来信仰,等我再学学,争取来个爱心飘动效果。。

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Taylor Swift</title>
<style type="text/css">
h1 {color:pink;}
p  {color:white;}
</style>
<style>
/* 将样式应用于整个页面 */
body {
  background-image: url('/Users/Desktop/taylor.jpg'); /* 这里的 URL 是图片的路径,图片自取 */
  background-repeat: no-repeat; /* 背景图片不重复 */
  background-attachment: fixed; /* 背景图片固定,不随滚动条滚动 */
  background-size: cover; /* 背景图片覆盖整个页面 */
}
a {
  text-align: right; /*页面中的所有<a>标签中的文本都靠右显示 */
  display: block; /*表现得像一个块级元素*/
}
</style>
</head>
<body>

<h1 style="text-align:center;">Long Live</h1>
<a href="https://b23.tv/f7OB1OF?share_medium=android&share_source=weixin&bbid=XU3C66D3F26FCFD4CCCC9CB5AB964EEFB917A&ts=1705460570573"  target="_blank"> Long live 霉霉国歌视频</a>
<hr>
<p>I said remember this moment</p>
<p>In the back of my mind</p>
<p>The time we stood with our shaking hands</p>
<p>the crowds in stands went wild</p>
<p>We were the Kings and the Queens</P>
<p>And they read off our names</p>
<p>The night you danced like you knew our lives</p>
<p>Would never be the same</p>
<p>you held your head like a hero</p>
<p>On a history book page</p>
<p>It was the end of a decade</p>
<p>But the start of an age</p>
<p><span style="color:yellow;font-weight:bold">Long live</span> the walls we crashed through</p>
<p>How the kingdom lights shined just for me and you</p>
<p>I was screaming long live all the magic we made</p>
<p>And bring on all the pretenders</p>
<p>One day we will be remembered</p>
<hr>
<p>I said remeber this feeling</p>
<p>I passed the pictures around</p>
<p>Of all the years that we stood there</p>
<p>On the side-lines wishing for right now</p>
<p>We are the Kings and the Queens</p>
<p>You traded your baseball cap for a crown</p>
<p>When they gave us our trophies</p>
<p>And we held them up for our town</p>
<p>And the cynics were outraged</p>
<p>Screaming this is absurd</p>
<p>Cause for a moment a band of thieves</p>
<p>In ripped up jeans got to rule the world</p>
<p>Long live the walls we crashed through</p>
<p>How the kingdom lights shined just for me and you</p>
<p>I was screaming long live all the magic we made</p>
<p>And bring on all the pretenders, I'm not afraid</p>
<p>Long live all the mountains we moved</p>
<p>I had the time of my life fighting dragons with you</p>
<p>I was screaming long live the look on your face</p>
<p>And bring on all the pretenders</p>
<p>One day we will be remembered</p>
<p>Hold on to spinning around</p>
<p>Confetti falls to the ground</p>
<p>May these memories break our fall</p>
<p>Will you take a moment</p>
<p>Promise me this</p>
<p>That you'll stand by me forever</p>
<p>But if God forbid fate should step in</p>
<p>And force us into a goodbye</p>
<p>If you have children some day</p>
<p>When they point to the pictures</p>
<p>Please tell them my name</p>
<p>Tell them how the crowds went wild</p>
<p>Tell them how I hope they shine</p>
<p>Long live the walls we crashed through</p>
<p>I had the time of my life with you</p>
<p>Long, long live the walls we crashed through</p>
<p>How the kingdom lights shined just for me and you</p>
<p>And I was screaming long live all the magic we made</p>
<p>And bring on all the pretenders, I'm not afraid</p>
<p>Singing long live all the mountains we moved</p>
<p>I had the time of my life fighting dragons with you</p>
<p>And long, long live, the look on your face</p>
<p>And bring on all the pretenders</p>
<p>One day</p>
<p>We will be remembered</p>
 
 

</body>
</html>

霉霉图: