[东北师范大学]最强大脑-Web前端综合开发案例（资料）

admin

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

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