建立一個簡單的歌曲推荐界面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<center>
<h1 id="first">歌曲推荐</h1>
<hr>
<h2>光字片</h2>
<a href="https://baike.baidu.com/item/%E5%91%A8%E6%B7%B1/15089196?fr=aladdin">周深</a><br/>
<a href="#second">去第二张图片</a><br /><br />
<div>当阳光亮堂堂</div>
<div>照在院子里</div>
<div>照在旧瓦片上</div>
<div>照在旧屋脊</div>
<div>总有一些小麻雀</div>
<div>在院子里蹦跳又逃去</div>
<div>炒菜的香味 在脑海里</div>
<div>当冬天第一场雪花又飘起</div>
<div>自行车的铃声和嘴角的哈气</div>
<div>在这下雪的胡同里</div>
<div>曾经一串串脚印</div>
<img src="人世间1.jpeg" width="350" alt="未找到"/>
<div>那是红围巾和你</div>
<div>冷风吹过 早晨雾起昨夜想到你</div>
<div>那是一起走过街道 树林和田野</div>
<div>还剩下多少</div>
<div>没有忘掉</div>
<img src="人世间2.jpeg" width="350" alt="未找到" id="second"/>
<div>不变的风景</div>
<div>人世间里 找到你</div>
<div>当微风吹过后墙上的野花</div>
<div>吹过木栅栏和头上的发夹</div>
<div>远处孩子放学回家</div>
<hr>
<span>友情链接:</span>
<a href="#">A网站</a>|<a href="#">B网站</a>|<a href="#">C网站</a><br/><br/>
<a href="#first">回到顶部</a> | <a href="#">联系我们</a>
</center>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<center>
<h1 id="first">歌曲推荐</h1>
<hr>
<h2>光字片</h2>
<a href="https://baike.baidu.com/item/%E5%91%A8%E6%B7%B1/15089196?fr=aladdin">周深</a><br/>
<a href="#second">去第二张图片</a><br /><br />
<div>当阳光亮堂堂</div>
<div>照在院子里</div>
<div>照在旧瓦片上</div>
<div>照在旧屋脊</div>
<div>总有一些小麻雀</div>
<div>在院子里蹦跳又逃去</div>
<div>炒菜的香味 在脑海里</div>
<div>当冬天第一场雪花又飘起</div>
<div>自行车的铃声和嘴角的哈气</div>
<div>在这下雪的胡同里</div>
<div>曾经一串串脚印</div>
<img src="人世间1.jpeg" width="350" alt="未找到"/>
<div>那是红围巾和你</div>
<div>冷风吹过 早晨雾起昨夜想到你</div>
<div>那是一起走过街道 树林和田野</div>
<div>还剩下多少</div>
<div>没有忘掉</div>
<img src="人世间2.jpeg" width="350" alt="未找到" id="second"/>
<div>不变的风景</div>
<div>人世间里 找到你</div>
<div>当微风吹过后墙上的野花</div>
<div>吹过木栅栏和头上的发夹</div>
<div>远处孩子放学回家</div>
<hr>
<span>友情链接:</span>
<a href="#">A网站</a>|<a href="#">B网站</a>|<a href="#">C网站</a><br/><br/>
<a href="#first">回到顶部</a> | <a href="#">联系我们</a>
</center>
</body>
</html>
图片1
图片2
效果图