1.
代码如下：
<!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>
<article>
<header><h1>热门活动 更多</h1></header>
<ul>
<li>
<img src="./images/img1.png" alt="推荐活动 "><br>
推荐活动 | 原创音乐现金榜T榜
</li>
<li>
<img src="./images/img2.png" alt=" 推荐节目"><br>
推荐节目|《TAImusic》爆笑来袭
</li>
<li>
<img src="./images/img3.png" alt="推荐歌单"><br>
推荐歌单 | 继续宠爱张国荣
</li>
<li>
<img src="./images/img4.png" alt="推荐活动"><br>
推荐活动| 330金属音乐巡演 成都小酒馆音乐空间
</li>
</ul>
</article>
</body>
</html>
2.
代码如下：
<!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> 歌曲推荐</h1>
<hr>
<h2>稻香</h2>
<a href="https://baike.baidu.com/item/%E5%91%A8%E6%9D%B0%E4%BC%A6/129156?fr=aladdin">周杰伦</a>
<br>
<a href="#images1">去第二张图片</a>
<br>
<br>
对这个世界如果你有太多的抱怨<br>
跌倒了就不敢继续往前走<br>
为什么人要这么的脆弱堕落<br>
请你打开电视看看<br>
多少人为生命在努力勇敢地走下去<br>
我们是不是该知足<br>
珍惜一切就算没有拥有<br>
还记得你说家是唯一的城堡<br>
随着稻香河流继续奔跑<br>
微微笑小时候的梦我知道<br>
不要哭让萤火虫带着你逃跑<br>
<img src="./图片/u=4591942,3108415508&fm=253&fmt=auto&app=138&f=JPEG.webp"alt="图片不显示"><br>
乡间的歌谣永远的依靠<br>
回家吧回到最初的美好<br>
太阳当空照<br>
花儿对我笑<br>
小鸟说早早早<br>
你为什么背着小书包<br>
<p><a id="images1"><img src="./123.webp" width="600" height="400" ></a><br>
就像我说的<br>
追不到的梦换个梦想不就得了<br>
为自己的人生鲜艳上色<br>
先把爱涂上喜欢的颜色<br>
笑一个吧功成名就不是目的<br>
让自己快乐快乐那才叫做意义<br>
<hr><footer>
友情链接:<a href="javascript:;">A网站</a>|<a href="javascript:;">B网站</a>|<a href="javascript:;">C网站</a>
</footer>
</center>
</body>
</html>3.
代码如下：
<!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>作业三音乐排行榜</title>
</head>
<body>
<center>
<dl>
<dt><h1>音乐排行榜</h1></dt>
<dd><a href="#">1.潇洒走一回</a><audio alt="潇洒走一回"></dd>
<dd><a href="#">2.偏偏喜欢你</a><audio alt="偏偏喜欢你"></dd>
<dd><a href="#">3.酒干倘卖无</a><audio alt="酒干倘卖无"></dd>
<dd><a href="#">4.不说再见 </a><audio alt="不说再见"></dd>
<dd><a href="#">5.舍不得你 </a><audio alt="舍不得你"></dd>
<dd><a href="#">6.请跟我来 </a><audio alt="请跟我来"></dd>
</dl>
</center>
</body>
</html>4.
代码如下：
<!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>作业四</title>
</head>
<body>
<center>
<div><img src="../images/练习1-1.jpg.webp" height="400px"></div>
<div><img src="../images/练习1-2.jpg.webp" height="400px"></div>
<div><img src="../images/练习1-3.jpg.webp" height="400px"></div>
</center>
</body>
</html>
3206
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
