Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
些程序員學(xué)編程走了不少的彎路,一段時(shí)間學(xué)Java,接著又換php。
結(jié)果呢,到頭來什么都沒有學(xué)好。
最近有個(gè)w3cschool粉絲問了這樣的一個(gè)問題:26歲跨行學(xué)前端靠譜嗎?
其實(shí),這個(gè)主要還是看愛好以及是否適合。
就比如前端這三駕馬車,HTML+CSS+Javascript。html算是比較簡(jiǎn)單的,如果學(xué)習(xí)html都覺得很吃力,那就別提后面JavaScript的學(xué)習(xí)啦!
不過,學(xué)html難免會(huì)遇到一些困惑,w3cschool給程序員小伙伴們解答一下常見的3大問題:
0、學(xué)html選什么書?
HTML是超文本標(biāo)記語言,沒有變量,沒有循環(huán),沒有函數(shù)。
如果是零接觸的新手,推薦《HTML之路:XHTML和CSS最佳實(shí)踐指南》,它是國(guó)外著名網(wǎng)站HTML DOG中的精華內(nèi)容的集結(jié)。
然后就是看《Head first HTML&CSS》 這本神奇的入門書,看個(gè)兩三遍就會(huì)對(duì)html有個(gè)整體的印象。
1、選什么網(wǎng)上教程?
跟著Learn to code這個(gè)網(wǎng)站學(xué)html還是很有幫助的,完成任務(wù)會(huì)有徽章獎(jiǎng)勵(lì),可以調(diào)動(dòng)學(xué)習(xí)積極性,不會(huì)感覺枯燥。
另外,W3Cschool網(wǎng)站上的HTML在線教程可以過一遍,了解每個(gè)標(biāo)簽以及屬性。
當(dāng)然,你還可以通過w3cschool app或者網(wǎng)站上的html編程微課學(xué)習(xí)。
html編程微課采用了游戲化編程實(shí)戰(zhàn)闖關(guān),各種的小節(jié)測(cè)驗(yàn),幫助你快速打下基礎(chǔ)。
2、做什么項(xiàng)目實(shí)戰(zhàn)?
有不少學(xué)html的新手都會(huì)問要做什么項(xiàng)目呢?
其實(shí),你覺得學(xué)到了一定的程度,便可以小試牛刀,譬如最簡(jiǎn)單的就是搭一個(gè)博客,也可以做簡(jiǎn)單的靜態(tài)展示類網(wǎng)頁。
文作為一個(gè)純CSS3實(shí)現(xiàn)網(wǎng)格的示例,在不使用table標(biāo)簽,僅僅利用div標(biāo)簽及flex布局,用flexbox及相關(guān)屬性來實(shí)現(xiàn)一個(gè)帶有表頭和頁眉的跨行、跨列的表格。
廢話不多講,直接上代碼:
CSS代碼如下:
HTML代碼如下:
效果圖如下:
表格是一個(gè)非常重要的模塊,在早期被用來做頁面布局,后隨著div流體布局的出現(xiàn)逐漸被替代,但在數(shù)據(jù)展示上還發(fā)揮著重要作用,本次教程主要講解able表格基本屬性及跨行跨列合并。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。