过我文章的都知道，这几天我都在写小案例，昨天写了个‘别踩白’块游戏，前天写的是飞机大战坦克的游戏，这当中一个用的原生javascript 一个用的jquery和javascript，但是呀，有些刚入门HTML的小伙伴实在看不懂，跑来给小编抱怨，要求写些基础的！好玩的！这不，今天小编我就给初学HTML的小伙伴谋福利了，用纯css画一个QQ企鹅！仅提供娱乐哈，大家喜欢的话自己也可以做一下，挺有意思的呢。

首先还是要推荐我的HTML学习QQ群：594959296，从我一个人到现在的850人都是我每篇文章每个案例来的小伙伴，都是前端党，群里不定期分享干货。想学到东西的都可以来，欢迎初学和进阶中的小伙伴。

下面放一张我主要用 border-radius 画的一个小企鹅（命名比较low，可以忽略 ~。~）最后的效果图。

我就是QQ小企鹅

HTML标签部分

HTML标签代码截图

css样式部分

css样式部分代码截图1

css样式部分代码截图2

css样式部分代码截图3

css样式部分代码截图4

好了，HTML基础案例今天就分享到这里啦，想学好HTML，一定要搞清楚自己的学习界面在什么地方，这对你有很大的帮助，以后你去工作的时候，每个公司对前端的要求都不同，所以了解边界相关的知识就很重要，而不是盲目的学习全部，有些知识企业压根都不需要，你去埋头研究这些也没啥用，做出具体的项目才是重点。

HTML完整代码，要代码的可以加我的群：594959296，我都上传到群文件里了

如果想看到更加系统的文章和学习方法经验可以关注我的微信公众号：‘web前端课程’关注后回复‘给我资料’可以领取一套完整的学习视频

完了一天的工作后，程序员都想休息一下。休息的时候，玩游戏是最好的放松方式。如果有这么一款游戏，能在放松的同时巩固学到的代码、学到新代码，就再好不过了。W3Cschool精选8款热门游戏，赶紧来边玩游戏边撸代码吧!

1.Hack Run、Hack Run Zero、Hack Time

这是黑客入侵解谜游戏系列游戏，相信不少程序员并不陌生。在这个游戏中，你将化身黑客，接受很多不一样的任务，比如说你要入侵别人账号，去破解密码或者窃取信息。这个游戏看起来很高科技、很炫酷，但是玩家只要输入简单命令，就可以慢慢的解开谜团。这个游戏对于有点编程基础的程序员来说没什么难度，只是界面看起来像编写代码一样。

2.Robocode

这款游戏相信很多程序员都知道，同大家平常玩的，用鼠标、键盘简单操控的游戏不同，玩这款游戏时，参赛者要对机器人编程，委机器人设计智能，以便指挥他们。Robocode相当有趣，它属于竞赛性的编程。只要使用简单代码，你就可以创建机器人。这个机器人还配有火炮以及雷达，可以躲避对手以及攻击对手。通过这款游戏，你可以学习Java技术。

3.CodeTank

通过这款游戏，你将进入代码机器人世界。它属于全球首个Javascript 程序员在线编程对战游戏，采用MongoDB、NodeJS、CSS3、Javascript、HTML5等全新的Web技术来构建。随时互联网的飞速发展，Robocode 已经开始变得落后。所以，现在有了 Javascript 语言的基于互联网的在线编程对战游戏——CodeTank 代码坦克!

4.Uplink

uplink这个游戏中，你将扮演神通广大的黑客，在网络上接受任务，然后破解世界各地的电脑系统。游戏里，你不需要懂太多专业知识，相反会学到很多东西。如果你熟悉黑客知识，可以自己去做，如果不会的话，会有教学模式一步一步教你。然后你的等级会上升，你就可以正式在 UPLINK 的 SERVER 上联系客户，接取工作，完成工作就会获得回报。等级越高，任务的难度就会越高。

5.Hacker Org

这款游戏可以被看成一系列的挑战，你需要破解一系列的密码才能最终翻版。在破解密码的过程中，需要你不断的利用代码知识。当密码破解后，你的编程水平也得到提升。

6. CodeCombat (代码战斗)

CodeCombat (代码战斗) 是款有趣开源的编程游戏!它使用代码来操控游戏人物，让你一边沉浸在游戏乐趣中一边学习编程技术(Javascript / Python等)。从最初小白入门级的单人关卡到后来高难度的多人对战，各种技术层次的人都可以乐在其中并从实战中不断吸取编程知识。

CodeCombat 项目的创始人 George ，并非科班出身。刚开始学习编程的时候，他使用很多人推荐过的网站，但他还是觉得太无聊了。George每星期都有几个朋友尝试，但都无一例外地放弃了。之后，George 和小伙伴们一起编写 CodeCombat，他的目的是让大家边玩边学习。

7.Streeps

玩这个游戏可以学习到有关 Javascript知识，同时该游戏也是面向学习编程语言的人员的第一款MMO沙盘游戏。有了这个游戏，学习编程再也不会枯燥无味，可以在边玩的过程中边学习。

8.Ruby Quiz

这款游戏主要适合Ruby编程语言挑战，目前这款游戏有156 个测试环节。从你进入这个游戏开始，就接触到Ruby编程语言，有没有觉得超级高大上?

代码相当枯燥无味，尤其是经过一整天高压工作后，还是希望放松一下。但是编程水平的提高，需要不断的学习。上面介绍的几款游戏，相信能够帮助大家。如果你还有更好的游戏推荐给其他程序员，可以关注我们的公众号，或者给W3Cschool留言哦!

公众号：w3c技术教程

克世界生日快乐！~

周年庆三重惊喜！~

十几个活动！~

还等什么，快点来参加吧！~

第一重惊喜：社区狂欢 免费抽百运！

免费宝箱人人有 看欧皇抽取百运

在八周年这个重要的日子里，社区组全体工作人员希望各位车长游戏里纵横无双，游戏外幸福安康！这一次我们准备了总计6个活动欢度周年，包括：

活动集合页面地址：

http://wot.kongzhong.com/ztm/8thgiftm/index.html

请长按图片识别二维码进入抽奖页面，及时使用抽奖次数！

或点此链接进入：

https://nbx2.kongzhong.com/wx/i/180301180451

请注意，所有活动需要关注《天下军武》并绑定游戏账号，宝箱活动在输入今日口令“欢庆八周年”后会获得两次免费的抽奖机会：

奖池中最稀有的奖励有：

T95酋长、T-22、268工程V型、907A、777工程II型、M48A2、260工程、257工程、VK7201、黄金59式、E-100WT(P)、M60、T95E6！

如果像老编一样脸黑没有抽到大奖，这个宝箱也有独特的保底机制：

累计一定抽奖次数，最高可以直接兑换到酋长坦克！下面是折扣点券助你一臂之力！

空中网通用点券限时9折出售辣！配合3月15周年庆上线的新宝箱！大几率出高级金币车！让晒车海豹无处藏身！

每天下午5点，5元100点券限量1分钱抢购！

除此之外，我们还有军功活动：

http://wot.kongzhong.com/ztm/txjw8thm/index.html

3月15日当晚直播帮你抽奖活动：

http://www.dawang.tv/live/123269

记得来哦~

第二重惊喜：铁血荣耀 免费送勋章！

铁血荣耀 八周年限量典藏版勋章免费送

从3月15日至3月31日，我们将从两个渠道（前提是关注《天下军武》并绑定游戏账号）免费发放《八周年限量典藏版勋章》（内含八枚）总计500套，其中有老车长资历认证比拼，还有大神刷战绩赢取勋章：

请注意：

“老兵尊享 免费领勋章”活动中，首先需要在2018年7月18日至2019年3月14日这个时间段内，有100场胜利记录，然后在报名的所有符合条件的车长中，由系统评比并公示出激活游戏时间最早的100名发奖！

请长按识别二维码或直接打开本活动地址：

http://wot.kongzhong.com/ztm/8thxzm/index.html

而在“坦克王牌 大神赢勋章”活动中，符合条件的玩家均可报名，只要在最后的总胜利场次排名前100即可免费获得《八周年限量典藏版勋章》（内含八枚）。

这两个活动可能对于某些车长来说有一些难度，那么下面两个获得勋章的方式可能更加适合你：

天下军武微店专用链接：

https://j.youzan.com/6Jo6kY

只要从此《天下军武》的专用链接进入微店成功购买任意物品的，就可以免费参与抽取勋章！每日会有两名幸运用户获得该奖品哦！

当然了，如果你实在是非常喜欢这套勋章，现在有限量的100套出售，先到先得赶紧入手吧！这是最快最稳定最妥当的方式入手本套勋章了！

请扫码或点击下方购买链接：

https://h5.youzan.com/v2/goods/2orhocqz2ikvw

第三重惊喜：战火不息 免费送金币车！

接下来就是周年庆必备的免费拿金币车FV4202的活动啦~这个活动简单来说就是每日上线进行4个简单的任务，即可获得翻牌子赢取纪念币的机会：

以及累计战斗满足一定条件后还能获得相应数量的纪念币：

获得40枚纪念币即可兑换金币车。对于已经拥有该金币车的玩家来说，还能选择其他奖励或者抽宝箱哦~

本活动地址为：

http://wot.kongzhong.com/ztm/8thm/index.html

如果你担心忘记链接，可以收藏本页面随时回看！

在此老编恭祝我们热爱的《坦克世界》早日更新，在大家共同的努力下再创辉煌！