者：行者

轉發鏈接：https://codegeekz.com/15-best-websites-to-learn-javascript/

長寄語

站長今天看到一句話很不錯，墻有三重，一重是網絡層面，二重是外語層面，三重是心態層面，只有打破這三重的束縛，才真正是擁抱了自由，站長今天為大家推薦幾個學習代碼并能提高英語水平的網站，于是就有了今天這篇文章。

網站推薦

• W3schools網址：https://www.w3schools.com/
• 介紹：這是站長最早接觸的外語編程學習網站，在上面學習了不少html,css,javascript,jquery,php等相關知識，而伴隨著學習，英語閱讀能力也逐漸提高，非常適合初學者學習，而有一定基礎的技術人員也可以從中收獲很多。
• Codecademy網址：https://www.codecademy.com/
• 介紹：可以在該站學習到JavaScript，jQuery，PHP，python，ruby，HTML，CSS，每個都配有實例，輕松掌握易于學習。
• Code Avengers網址：https://www.codeavengers.com/
• 介紹：該網站可以學習python，html,css,javascript等相關知識，可以學會如何一步步創立app，網站等。
• Coursera網址：https://www.coursera.org/
• 介紹：Coursera是一家教育公司，提供來自世界頂尖大學和組織的免費課程。 雖然界面不像前三個服務那樣直觀，但這里包含的內容充滿了信息豐富的課程。

今天我們一起來了解下HTML，

首先HTmL包含三層結構，分別是結構層，表現層，行為層。

結構層：html=> 網頁上有什么，比如說文字啊、按鈕啊、圖片啊等等。

表現層：css=> 顯示成什么樣子，比如說文字的大小啊，位置啊，顏色啊等等。

行為層：JavaScript=> 具體怎么操作，比如說點擊按鈕讓圖片放大縮小等等。

===============================

在了解了html的三層結構之后，我們來學習如何寫html。html不是編程語言，它是一套標簽。最簡單的html文本是下圖1這個樣子。我們可以在電腦桌面上新建一個記事本文件，然后把后綴名改一下（.txt=>.html），把這段標簽代碼粘貼到html文件里，這樣一個空白的網頁就做成了。如果需要在網頁上添加內容，我們只需要在第10行的位置添加各種各樣的標簽即可。比如我在圖二添加了一個按鈕標簽和一段文字標簽，雙擊html文件，頁面上就從左到右，從上到下顯示對應的內容。是不是很簡單。我們日常瀏覽的網頁都是這樣一個標簽一個標簽畫上去的。

我給大家總結了一張圖，基本上覆蓋了工作中常用的知識點。同時分享幾個小技巧。

1.最簡單的網頁寫成什么樣子，也就是html模板不需要記憶，下圖也說了，去百度下載一個VSCode軟件（類似于記事本，是現在主流的前端代碼編輯器），用它打開我們的html文件，輸入英文嘆號回車就自動生成了，學編程不要死記硬背。

2.控件的標簽不需要記憶，直接百度html XXX標簽，例如：百度搜“html按鈕標簽”，他就會告訴我們是<button>，用的時間長了自然就記住了。是不是省力。

3.標簽的屬性很重要，可以不去記他的寫法，因為寫可以百度，重要的是你需要記住標簽有什么屬性，下圖的屬性記住足矣。為什么要記呢，因為工作中，有的時候會遇到這樣一種情況，明明設置一個屬性可以完成的功能，我們不知道，花費了大力氣用css和js去實現，結果還存在著特定場合的bug，讓人很無奈。

4.對于html還有兩個標簽<canvas>和<svg>，他們是用來繪圖的，做特殊效果的。我們可以先跳過，等框架啥的都學完了，有興趣，學習一下。

5.給大家推薦一個小白學習html的網站，w3cschool，圖里不明白的可以去上邊學學練練。

6.如果覺得一個人學習前端有難度，我建了一個小白前端學習交流群，可以私聊我，大家在群里多多交流，我會經常給大家答疑，組織大家練習，一起做小項目。有方向，少走彎路。