過我文章的都知道，這幾天我都在寫小案例，昨天寫了個‘別踩白’塊游戲，前天寫的是飛機大戰坦克的游戲，這當中一個用的原生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

如果你擔心忘記鏈接，可以收藏本頁面隨時回看！

在此老編恭祝我們熱愛的《坦克世界》早日更新，在大家共同的努力下再創輝煌！