小白如何學(xué)習(xí)基本的HTML5

我覺得首先，你要買本自己看的上的實體書作為教材來讀。雖然有電子版的書，但是實話還是實體書來的安逸，可以筆記，可以勾勾畫畫。

成都創(chuàng)新互聯(lián)公司主營磴口網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app開發(fā)定制,磴口h5重慶小程序開發(fā)搭建,磴口網(wǎng)站營銷推廣歡迎磴口等地區(qū)企業(yè)咨詢

具體什么書，你自己看的順眼，不要太厚就行。太厚了，你看著就會放棄的。但是，書本一定要涵蓋2大基本知識模塊：HTML標(biāo)簽，CSS樣式。

看書學(xué)習(xí)的重點內(nèi)容：常見的HTML標(biāo)簽，常用的樣式-- 什么叫常見的？書上有的都是常見的。不常見的作者也不會寫。

看書沒看懂，再針對不懂的地方，百度。

實體書看到到你覺得差不多了，可以進(jìn)行第二步了。PS：什么叫差不多了？就是你覺得自己“入門”了：可以寫網(wǎng)頁導(dǎo)航、新聞列表、圖片列表、圖文混排、會左（中）右結(jié)構(gòu)、了解浮動和清除浮動、會使用超鏈接、懂的:hover 的用法了，我覺得你算“入門”了。

第二步：網(wǎng)上下個PSD網(wǎng)頁模版。從頭到尾寫一遍（ 不用理Javascript交互效果。）

頁面效果工整，兼容性良好，兼容IE11及以上，chrome瀏覽器就ok。

一個不夠，就再來一打。直到你能順利寫出頁面結(jié)構(gòu)而且效果完美（當(dāng)然還是沒有JS效果）。你就可以開始下一步.

第三步：開始填你的Javascript的坑吧

是不是覺得寫了很多頁面，但是卻點交互哇？不會寫圖片輪播，不會寫二級菜單，不會點擊出現(xiàn)彈窗。。。這些都要JS的。所以，在熟悉了HTML和CSS之后，你就要重點學(xué)習(xí)Javascript了。還是那句話買本書來入門，結(jié)合網(wǎng)上的視頻教程，堅持學(xué)習(xí)吧。

第四步：熟悉JS了后，就開始你的HTML5的專項編程吧。

canvas，音視頻控制，多線程，本地存儲，這些都要JS來操作噠。

第五步：繼續(xù)你的js的天坑-- 可以熟悉一些常用的JS框架了

jquery，boostrap，vue，AngularJS 等等。又是一條漫長的路。。。

以上走完，你可以去上班了。時間也應(yīng)該1年了吧。當(dāng)然，你學(xué)的快可能幾個月。不過后面還有很多坑，比如node，模塊化編程思想，面向?qū)ο缶幊趟枷氲鹊取！！?/p>

加油，前端不易，且學(xué)且珍惜。

如何用HTML5制作網(wǎng)頁

現(xiàn)在以HBuilder工具編寫為例：

1. 打開此工具，在項目管理器中右鍵單擊創(chuàng)建一個web 項目

2.右鍵單擊項目名稱，新建一個HTML文件----form01.html

!DOCTYPE html

!--

作者：offline

時間：2017-01-06

描述：form表單

在form標(biāo)簽中，有兩個經(jīng)常使用的屬性

action：表單提交服務(wù)器地址

method: 表單提交的方法/方式----get/post

其他提交方式---put delete

提交方式----get（默認(rèn)的提交方式）

1.請求的參數(shù)放到地址欄中

2.不安全

3.存在緩存

4.傳輸數(shù)據(jù)的大小收到限制

提交方式----post

1.請求的參數(shù)放到http協(xié)議中

2.相對安全---賬號密碼等信息不會放到地址欄中

3.沒有緩存

4.傳輸數(shù)據(jù)的大小限制較小

修改成post之后，可能會出現(xiàn)錯誤信息。

input標(biāo)簽：定義輸入字段，用戶可在其中輸入數(shù)據(jù)。

屬性：

type 指示 input標(biāo)簽的類型，默認(rèn)的是text

按鈕類型： 普通按鈕 button 重置按鈕 Reset? 提交按鈕 submit

value 定義要顯示的文本。

--

html

head

meta charset="utf-8"

titleform表單1/title

/head

body

form action="" method="post"

?? ?input type="text" name="username" value="zhangsan" /

?? ?input type="submit" value="提交" /

/form

/body

/html

3.查看此網(wǎng)頁是不是HTML5，主要看表頭

4.HTML5新增了很多新內(nèi)容，具體可以查看API，例如：在網(wǎng)頁中嵌套音頻/視頻文件的格式

如何html5入門學(xué)習(xí)開發(fā)

HTML5入門到精通可以分為3個階段：了解HTML5、熟練掌握HTML5、精通HTML5；

HTML5此處指的是HTML、CSS、JavaScript以及HTML5和CSS3（新增的）

首先了解HTML5

需要去了解HTML5是什么，HTML5能夠做什么以及HTML5行業(yè)的狀況，然后在已了解的基礎(chǔ)上發(fā)掘自己是否喜歡HTML5這個職業(yè)，才去決定自己是否學(xué)習(xí)HTML5。

大概時間：2~3天

其次熟練掌握HTML5

先學(xué)習(xí)HTML與CSS

在一些機(jī)構(gòu)培訓(xùn)當(dāng)中，全日制，每天學(xué)8個小時，也需要學(xué)習(xí)1~1.5個月，而且學(xué)不完整不扎實

自學(xué)的情況下，折算相應(yīng)時間即可，另外需要注意，自學(xué)時選擇合適的書籍進(jìn)行學(xué)習(xí)，會相對高效一些。

選擇好的學(xué)習(xí)資源（主要看知識邏輯、表達(dá)方式等），才能夠更好的去吸收知識，學(xué)習(xí)時間成本也會低一些。

資源推薦：

HTML+CSS方面的可以去看《HTML5布局之路》

JavaScript方面的可以去看《JavaScript權(quán)威指南》、《JavaScript高級程序設(shè)計》

此后是JavaScript，原生JS、AJAX、jQuery，差不多也得需要2~3個月（每天8小時）

至于說精通~~~對HTML5技術(shù)領(lǐng)域有深刻的研究與認(rèn)知，能夠根據(jù)自身的開發(fā)經(jīng)驗與項目經(jīng)驗構(gòu)建自己的前端框架或者工具。最起碼3~5年甚至更長，其前提還是不斷深入研究，而非“工具式”的使用。

如何學(xué)習(xí)HTML5？

隨著移動互聯(lián)網(wǎng)的發(fā)展，web前端逐漸受到企業(yè)的重視，前端開發(fā)人員的薪資也水漲船高，越來越多的人看好前端行業(yè)的發(fā)展，想要轉(zhuǎn)行加入。下面，給大家分享一份web前端學(xué)習(xí)路線圖，希望對初學(xué)者有所幫助。Web前端行業(yè)的發(fā)展，讓前端人員能完成比以前更多的職責(zé)范圍，所以未來前端可以寬口徑就業(yè)，前景非常好。

對于零基礎(chǔ)的人而言，要怎么學(xué)習(xí)web前端呢?

1、 前端頁面重構(gòu)。主要內(nèi)容為PC端網(wǎng)站布局、Photoshop 工具及切圖、H5移動端網(wǎng)頁布局、HTML5+CSS3新特性與交互。學(xué)習(xí)目標(biāo)是完成PC端網(wǎng)站布局，可實現(xiàn)響應(yīng)式布局，一套代碼適配 PC 端、移動端、平板設(shè)備等。

2、 前后端網(wǎng)頁交互。主要內(nèi)容為JavaScript語法全面進(jìn)階、ES6 到 ES10 新語法實踐、jQuery 應(yīng)用及插件使用、設(shè)計模式及插件編寫、封裝JS工具庫及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化與模塊化應(yīng)用以及PC 端全棧開發(fā)項目等。學(xué)習(xí)目標(biāo)是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建項目及開發(fā)項目。

3、 Node.js + 前端框架。主要內(nèi)容為Node.js 全面進(jìn)階、Koa2+MongoDB搭建服務(wù)、Vue.js 框架、React.js 框架、小程序云開發(fā)與小程序框架、原生APP與混合APP、數(shù)據(jù)可視化與桌面應(yīng)用等。學(xué)習(xí)目標(biāo)是掌握桌面應(yīng)用及可視化大數(shù)據(jù)，實現(xiàn)復(fù)雜數(shù)據(jù)展示類項目，能夠獨立完成前后臺相關(guān)功能，勝任HTML5全棧開發(fā)工程師職位。很多學(xué)習(xí)web前端的朋友都希望在學(xué)成后能找到一份滿意的工作，所以我們在學(xué)習(xí)過程中一定要注意實戰(zhàn)經(jīng)驗的積累，如果你所學(xué)的東西對企業(yè)沒有用，那你所做的一切都是無用功

網(wǎng)站欄目：如何html5,如何html
文章分享：http://chinadenli.net/article41/dsiejhd.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、、軟件開發(fā)、Google、做網(wǎng)站、手機(jī)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)