[离线作业] 东师19春Web前端综合案例开发-最强大脑

[复制链接]
发表于 2019-8-5 19:38:16 | 显示全部楼层 |阅读模式
同学,你好!经过10周的学习,你已经不再是个前端小白了,现在这里有2个任务,请你任选一个完成。如果你感兴趣,也可以两个都完成哦,来证明你的实力吧。请注意,在老师批阅前,你可以多次提交,一旦老师批阅就不能再提交啦!请慎重提交哦。提交任务后请到课程问答栏目,找一下老师发的关于这个活动的主题帖,按老师的要求至少回复一个帖子,回帖也计入总成绩哦。
Ø  任务一
n  问题:金小丹是个初学web的小美眉,她想要用一个A标签,实现如下图的效果。
                                
为了实现这样的效果,小丹写了以下代码,但是运行时却出现了问题,到底是哪里出现了错误了,请你帮帮她吧,小美眉肯定会很感谢你的哦~
n  任务:请你帮助小丹同学找到代码中的bug,并修改正确。
我们知道你很想英雄救美,但是如果英雄气短了,怎么办呢?不用担心,我们给你准备了求助卡和军师卡。加油吧,少年!
l  求助卡:到微信群内找伙伴寻求帮助,问问大家是怎么解决的。
l  军师卡:到平台问答区发帖向辅导老师请教,请军师给你指点迷津。
n  金小丹写的代码
HTML部分:
<a href=”” class=”alink”>我是一个链接</a>
CSS部分:
.a{
padding: 0 15px;
background: #337ab7;
color:#fff;
line-height:40px;
border-radius:5px;
}

Ø  任务二
n  问题:
严小光同学遇到了一个这样的问题:
图片名称为“yzxx.png”,假设该图片与网页文件在同一个文件夹内,超链接的链接地址为http://www.tjzhic.com/zh/yzxx.jsp
他在编写代码时候出了些问题,导致运行后得不到如下图所示的结果。
n  任务:请你帮他请在核心代码中挑出错误,并修改正确。
这道题是不是比较简单,但是如果你也遇到问题了,怎么办?给你支个招吧,你可以使用求助卡和军师卡。
l  求助卡:到微信群内找伙伴寻求帮助,问问大家是怎么解决的
l  军师卡:到平台问答区发请教贴给辅导老师,请军师给你指点迷津
n  严小光的代码
跳转到百度:<a href-"http://www.baidu.com">百度<a> 
图片超链接:<a href-"http://www.tjzhic.com/zh/yzxx.jsp"><img src="yzxx.png" ><a>

Web前端综合案例开发-最强大脑(任务二)答案.zip

327.07 KB, 下载次数: 9, 下载积分: 贡献 1

售价: 15 金币  [记录]  [购买]

答案参考

发表于 2019-8-19 16:34:36 | 显示全部楼层
老师 !这些答案是正确的吗?
快速回复 返回顶部 返回列表