些程序員學(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)頁。
文作為一個純CSS3實現(xiàn)網(wǎng)格的示例,在不使用table標(biāo)簽,僅僅利用div標(biāo)簽及flex布局,用flexbox及相關(guān)屬性來實現(xiàn)一個帶有表頭和頁眉的跨行、跨列的表格。
廢話不多講,直接上代碼:
CSS代碼如下:
HTML代碼如下:
效果圖如下:
表格是一個非常重要的模塊,在早期被用來做頁面布局,后隨著div流體布局的出現(xiàn)逐漸被替代,但在數(shù)據(jù)展示上還發(fā)揮著重要作用,本次教程主要講解able表格基本屬性及跨行跨列合并。
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。