web前端开发技术实验与实践（第三版）储久良编著 项目12 设计简易网站导航
生活随笔
收集整理的這篇文章主要介紹了
web前端开发技术实验与实践（第三版）储久良编著 项目12 设计简易网站导航
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
web前端開發技術實驗與實踐（第三版）儲久良編著 項目12?設計簡易網站導航
實訓三? 項目12?設計簡易網站導航
一、頁面文字素材：
| 序號 | 網站名稱 | URL |
| 1 | 百 ?度 | http://www.baidu.com/ |
| 2 | 新 ?浪 | http://www.sina.com.cn/ |
| 3 | 騰??訊 | http://www.qq.com/ |
| 4 | 搜??狐 | http://www.sohu.com/ |
| 5 | 網??易 | http://www.163.com/ |
| 6 | 谷??歌 | http://www.google.com.hk/ |
二、代碼：
<!--prj_3_3.html--> <!DOCTYPE html> <html><head><meta charset="utf-8"><title>簡易網頁導航</title><style type="text/css">body{background-color: orange;}h1{color: #99CC00;margin-top: 80px;}h2{color: #99CC00;margin-top: 80px;}ul{list-style-type: none;text-align: center;font-size: 22px;line-height: 33px;}li{float: left;width: 185px;display: inline;}li a{padding: 0 0px;}div{text-align: center;}</style></head><body><div><h1 align="center">我的喜歡列表(段落標記版)</h1><br><p align="center"><a href="https://music.163.com/#/mv?id=5779620">憑什么說——劉心</a> <a href="https://music.163.com/#/mv?id=281160">留不低——吳雨霏</a> <a href="https://music.163.com/#/mv?id=10979776">若是明仔載——曹雅雯 / ?te 壞特</a> <a href="https://music.163.com/#/mv?id=14483874">倒流時間——G.E.M.鄧紫棋</a> <a href="https://music.163.com/#/mv?id=14284650">大風吹——王赫野</a> <br><a href="hhttps://music.163.com/#/mv?id=5619835">罪——劉惜君</a> <a href="https://music.163.com/#/mv?id=10953786">刻在我心底的名字——盧廣仲</a> <a href="https://music.163.com/#/mv?id=10967439">991——NINEONE#</a> <a href="https://music.163.com/#/mv?id=10938330">小丑女——楊和蘇KeyNG</a> <a href="https://music.163.com/#/mv?id=499124">PURPOSE: The Movement——Justin Bieber</a> </p><br><hr align="center" size="3" color="#FFFFFF"><h2 align="center">我的喜歡列表（無序列表版）</h2><ul type="disc"><li><a href="https://music.163.com/#/mv?id=5779620">憑什么說</a></li><li><a href="https://music.163.com/#/mv?id=281160">留不低</a></li><li><a href="https://music.163.com/#/mv?id=10979776">若是明仔載</a></li><li><a href="https://music.163.com/#/mv?id=14483874">倒流時間</a></li><li><a href="https://music.163.com/#/mv?id=14284650">大風吹</a></li><li><a href="hhttps://music.163.com/#/mv?id=5619835">罪</a></li><li><a href="https://music.163.com/#/mv?id=10953786">刻在我心底的名字</a></li><li><a href="https://music.163.com/#/mv?id=10967439">991</a></li><li><a href="https://music.163.com/#/mv?id=10938330">小丑女</a></li><li><a href="https://music.163.com/#/mv?id=499124">Loveyourself</a></li></ul><br /><hr align="center" size="3" color="#FFFFFF"><br /></div></body> </html>三、頁面效果截圖：
別的不說，一句話，快樂最大！！！
（把鏈接和文字替換一下就好啦，我的鏈接是網易云的MV）?
總結
以上是生活随笔為你收集整理的web前端开发技术实验与实践（第三版）储久良编著 项目12 设计简易网站导航的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 中科院计算机和理论物理双硕士白,中国科学
- 下一篇： 前端03——css