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 设计简易网站导航相关推荐
- web前端开发技术实验与实践（第三版）储久良编著 项目15 设计京东商品导航页面
实训四 项目15 一.页面文字素材: [Vinhas]彩色斑马系列单肩包 黑色 [Adidas]休闲帆布鞋 红色 [NB]女子复古鞋 色灰 [Vans]女子硫化鞋 白粉 [Converse]匡威经典低 ...
- web前端开发技术实验与实践（第三版）储久良编著 项目16 div+CSS页面布局设计
web前端开发技术实验与实践(第三版)储久良编著 项目16 实训五 项目16 一.页面文字素材: 这是头部信息区. 这是导航信息区. 这是主题信息区. 这是右侧信息区. 这是版权信息区. 二.代码: ...
- web前端开发技术实验与实践（第三版）储久良编著 项目13 设计新生课程简介
web前端开发技术实验与实践(第三版)储久良编著 项目13 设计新生课程简介 实训三 项目13 设计新生课程简介 一.页面文字素材: 英语 基础英语.高级英语.报刊选读.视听.口语.英语写作.翻译 ...
- web前端开发技术实验与实践（第三版）储久良编著 项目5 综合编程岗位介绍
实训一 项目5 综合编程岗位介绍 一.页面文字素材: WEB前端开发工程师的岗位职责:(1)协助系统架构设计师进行系统架构设计工作:(2)承担WEB前端核心模块的设计.实现工作:(3)承担主要开发工作 ...
- Web前端开发技术实验与实践（第3版）储久良编著实训8
实训8 HTML5基础与CSS3应用 项目22 当当网企业用户注册页面设计 页面效果截图 代码 <!--prj_8_1.html--> <!DOCTYPE html> < ...
- Web前端开发技术实验与实践（第3版）储久良编著实训2
项目6 文本与段落标记应用 页面效果截图 代码 <!--文本与段落标记的应用--> <!DOCTYPE html> <html><head><me ...
- web前端开发技术实验与实践（第三版）储久良编著 项目8 设计制度宣传展板
实训二 项目8 设计制度宣传展板 一.页面文字素材: 大型仪器必须有专人保管,须配有稳压电源,使用前须先检查仪器间各电路连接情况,再开稳压电源,然后再启动仪器开关. 必须严格执行仪器设备运行记录制度, ...
- Web前端开发技术实验与实践代码 （第三版）储久良
实训七 表单页面设计 项目21 设计大学生暑假社会实践调查问卷页面 设计大学生暑假社会实践调查问卷页面 结果截图 HTML代码 结果截图 HTML代码 <!-- prj_7_2.html --& ...
- Web前端开发技术实验与实践（第3版）储久良编著实训7
实训7 表单页面设计 项目20 设计科技工作者建言页面 页面效果截图 代码 <!--prj_7_1.html--> <!DOCTYPE html> <html>&l ...
最新文章
- 抽象工厂————三层架构
- 求助：如何获取ueditor的上传路径
- Java动物类enjoy方法打印,面向对象编程题汇总
- linux中iptable中端口,Linux如何打开iptables中的端口
- 技术一般，却被破格提拔，背后肯定有黑幕？
- Apache Hudi 是Uber 大数据存储系统
- 要管理组策略 您必须以域用户账户登录此计算机,让AD域用户账户只能登陆管理员指定的客户端计算机...
- jenkins构建python代码_Jenkins之使用Pyinstaller构建Python应用程序
- smart原则_如何合理运用SMART原则高效达成工作目标？
- jQuery倒计时插件
- android4.4内存,Android 4.4只需512MB内存？别高兴太早
- pythonai人脸识别_AI的强大！用Python实现一个简单的人脸识别
- 内网/外网实现部署nginx服务
- 【无线篇】(6.0) ❀ 10. FortiCloud 管理 AP (上) ❀ FortiAP 无线AP
- ORACLE 如何获取uid
- 设计师：室内设计师的简介、工作内容、工作要求、设计常识(硬装/软装/榻榻米/马卡龙/地台/公共空间/玄关/闭水实验、家具知识(欧式雕花家具-欧式雕花家具）、室内设计常用尺寸之详细攻略
- 英语流利说 第13天
- 微信公众号开发，报错{errcode:41005,errmsg:media data missing hint:}的解决办法---亲测有效
- git branch -a查看不了所有远程分支
- 牛客OR36 .链表的回文结构