各种简易网站制作
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>?
總結
- 上一篇: xilinx linux内核,Xilin
- 下一篇: android gps底层,Androi