些程序員學(xué)編程走了不少的彎路，一段時間學(xué)Java，接著又換php。

結(jié)果呢，到頭來什么都沒有學(xué)好。

最近有個w3cschool粉絲問了這樣的一個問題：26歲跨行學(xué)前端靠譜嗎?

其實，這個主要還是看愛好以及是否適合。

就比如前端這三駕馬車，HTML+CSS+Javascript。html算是比較簡單的，如果學(xué)習(xí)html都覺得很吃力，那就別提后面JavaScript的學(xué)習(xí)啦!

不過，學(xué)html難免會遇到一些困惑，w3cschool給程序員小伙伴們解答一下常見的3大問題：

0、學(xué)html選什么書?

HTML是超文本標(biāo)記語言，沒有變量，沒有循環(huán)，沒有函數(shù)。

如果是零接觸的新手，推薦《HTML之路：XHTML和CSS最佳實踐指南》，它是國外著名網(wǎng)站HTML DOG中的精華內(nèi)容的集結(jié)。

然后就是看《Head first HTML&CSS》 這本神奇的入門書，看個兩三遍就會對html有個整體的印象。

1、選什么網(wǎng)上教程?

跟著Learn to code這個網(wǎng)站學(xué)html還是很有幫助的，完成任務(wù)會有徽章獎勵，可以調(diào)動學(xué)習(xí)積極性，不會感覺枯燥。

另外，W3Cschool網(wǎng)站上的HTML在線教程可以過一遍，了解每個標(biāo)簽以及屬性。

當(dāng)然，你還可以通過w3cschool app或者網(wǎng)站上的html編程微課學(xué)習(xí)。

html編程微課采用了游戲化編程實戰(zhàn)闖關(guān)，各種的小節(jié)測驗，幫助你快速打下基礎(chǔ)。

2、做什么項目實戰(zhàn)?

有不少學(xué)html的新手都會問要做什么項目呢?

其實，你覺得學(xué)到了一定的程度，便可以小試牛刀，譬如最簡單的就是搭一個博客，也可以做簡單的靜態(tài)展示類網(wǎng)頁。

HP是世界上最好的語言，這是一個老梗。

有不少學(xué)習(xí)PHP的程序員后來去做了前端開發(fā)，畢竟近些年前端開發(fā)還是蠻吃香的。

學(xué)習(xí)PHP不僅僅要學(xué)習(xí)html，而且還要學(xué)習(xí)CSS。

CSS是萬維網(wǎng)聯(lián)盟在 HTML 4.0 之外提出，目的是為了讓CSS完成樣式與內(nèi)容的分離。

那么，CSS如何入門呢?w3cschool在這里分享幾個方法：

0、研究w3cschool CSS教程

w3cschool官方本身就有CSS教程，我們看教程的目的主要還是要了解CSS到底是干什么用的。

其實，用一句簡單的話來說，改變我們看的網(wǎng)頁的樣子.。

1、CSS微課游戲化編程體驗

w3cschool新開發(fā)了CSS微課，這可能是很多程序員小伙伴所需要的。

CSS直接抓住了CSS教程中比較核心的一些概念和語法，并且有實戰(zhàn)的訓(xùn)練習(xí)題。

其內(nèi)容包括了CSS基礎(chǔ)、CSS文本樣式、CSS屬性、CSS定位和布局，讓你系統(tǒng)、立體地全面認識CSS。

CSS微課實現(xiàn)了游戲化的編程體驗，關(guān)卡是循序漸進的，這迫使你不能跳躍而忽略一些重要的編程知識。

其中，習(xí)題類型包含了判斷題、選擇題、實戰(zhàn)訓(xùn)練題。

理論離不開實戰(zhàn)，CSS微課做到了例子多，概括技術(shù)全面。

當(dāng)你可以通關(guān)的時候，你已經(jīng)對CSS算是有一個比較深刻的認識，也掌握了一定的CSS編程技能。

2、CSS看什么書呢?

學(xué)編程一定要讓編程本身變得有趣，所以大可以先玩編程。

用CSS微課學(xué)習(xí)是一種有趣化的方法。

另外，閱讀《css禪意花園》，就當(dāng)成一本故事書看，隨便翻翻你會發(fā)現(xiàn)css確實很好玩的。

什么是HTML】：

HTML： 超文本標(biāo)記語言，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用。

“超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。

• HTML 是用來描述網(wǎng)頁的一種語言。
• HTML 不是一種編程語言，而是一種標(biāo)記語言
• 標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
• HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
• HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
• HTML 文檔也叫做 web 頁面
• HTML 文件后綴可以是 .html 或者 .htm，二者沒有區(qū)別，都可以使用

【超級文本標(biāo)記語言的定義又是什么】：

超級文本標(biāo)記語言是標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過標(biāo)記符號來標(biāo)記要顯示的網(wǎng)頁中的各個部分。網(wǎng)頁文件本身是一種文本文件，通過在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容，對書寫出錯的標(biāo)記將不指出其錯誤，且不停止其解釋執(zhí)行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是，對于不同的瀏覽器，對同一標(biāo)記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。

網(wǎng)頁的本質(zhì)就是超級文本標(biāo)記語言，通過結(jié)合使用其他的Web技術(shù)（如：腳本語言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強大的網(wǎng)頁。因而，超級文本標(biāo)記語言是萬維網(wǎng)（Web）編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級文本標(biāo)記語言之所以稱為超文本標(biāo)記語言，是因為文本中包含了所謂“超級鏈接”點。

HTML特點：超級文本標(biāo)記語言文檔制作不是很復(fù)雜，但功能強大，支持不同數(shù)據(jù)格式的文件鑲?cè)耄@也是萬維網(wǎng)（WWW）盛行的原因之一，其主要特點如下：

• 簡易性：超級文本標(biāo)記語言版本升級采用超集方式，從而更加靈活方便。
• 可擴展性：超級文本標(biāo)記語言的廣泛應(yīng)用帶來了加強功能，增加標(biāo)識符等要求，超級文本標(biāo)記語言采取子類元素的方式，為系統(tǒng)擴展帶來保證。
• 平臺無關(guān)性：雖然個人計算機大行其道，但使用MAC等其他機器的大有人在，超級文本標(biāo)記語言可以使用在廣泛的平臺上，這也是萬維網(wǎng)（WWW）盛行的另一個原因。
• 通用性：另外，HTML是網(wǎng)絡(luò)的通用語言,一種簡單、通用的全置標(biāo)記語言。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。

關(guān)于HTML更多入門知識：（點擊下方“了解更多”，記得收藏哦~）

阿里云開發(fā)者社區(qū)全面升級，一站式體驗，用得更爽：https://developer.aliyun.com?spm=a2c41.12958151.0.0（復(fù)制網(wǎng)址鏈接到瀏覽器，記得收藏）