Web前端开发精品课HTML CSS JavaScript基础教程第十六章课后编程题答案
2017-12-07 17:13
1476 查看
编程题:
定义一个列表,每一个列表项都是一个超链接,并且要求去除列表项符号以及超链接下划线,设置超链接文本颜色为粉红色,并且点击某一个列表项会以新窗口的形式打开。
用VS2013新建ASP.NET空网站,添加新项,建立HTML文件,向其加入以下代码:
点击淘宝项,以新窗口打开,如下所示:
以上就是网页的效果。
定义一个列表,每一个列表项都是一个超链接,并且要求去除列表项符号以及超链接下划线,设置超链接文本颜色为粉红色,并且点击某一个列表项会以新窗口的形式打开。
用VS2013新建ASP.NET空网站,添加新项,建立HTML文件,向其加入以下代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> <style type="text/css"> ul{list-style-type:none;}/*去除列表项符号*/ a{text-decoration:none;}/*去除超链接下划线*/ span {color:pink;/*粉红色*/ } </style> </head> <body> <ul > <li><a href="https://www.baidu.com/" target="_blank"><span>Top1: 百度</span></a></li> <li><a href="https://www.taobao.com/" target="_blank"><span>Top2: 淘宝</span></a></li> <li><a href="http://www.sina.com.cn/" target="_blank"><span>Top3: 新浪</span></a></li> <li><a href="http://www.163.com/" target="_blank"><span>Top4: 网易</span></a></li> <li><a href="http://www.sohu.com/" target="_blank"><span>Top5: 搜狐</span></a></li> </ul> </body> </html>运行结果:
点击淘宝项,以新窗口打开,如下所示:
以上就是网页的效果。
相关文章推荐
- Web前端开发精品课HTML CSS JavaScript基础教程第九章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第六章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第五章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第十四章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第四章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第十三章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第二十三章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程CSS部分知识点总结
- Web前端开发精品课HTML CSS JavaScript基础教程JavaScript部分知识点总结
- 学习网站开发必备推荐!30天学会HTML和CSS基础入门视频教程 (免费精品课程)
- Web前端开发精品课HTML CSS JavaScript基础教程HTML部分知识点总结
- Brackets 是一个免费、开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具)
- 20150726 Web前端开发基础html+css
- Web前端开发规范【HTML/JavaScript/CSS】
- 【麦子学院】02.web前端开发之HTML+CSS基础入门
- Web前端开发基础 第一天(Html和CSS)
- Web前端开发工具(html+css基础)
- web前端不可错过的开发工具–Adobe Brackets(开源、简洁强大的HTML、CSS和JavaScript集成开发环境)
- 为什么 Web 前端开发不抛弃 HTML 和 CSS,用纯 JavaScript 开发?
- web前端不可错过的开发工具–Adobe Brackets(开源、简洁强大的HTML、CSS和JavaScript集成开发环境)