首頁 > web前端 > H5教程 > 主體

HTML5的學習之路

寻∝梦
發布: 2018-08-13 18:19:09
原創
1561 人瀏覽過

HTML5目前非常火爆,而專家判斷其在未來10年內都不會過時。越來越多的夥伴也開始學習HTML5技術,但許多小夥伴不知學習HTML5該從何處著手,也不知正確的的HTML5學習路線是怎樣的,這也就導致了學習HTML5的效果不佳,效率更是不高。那麼小編今天就與大家分享一條正確的學習路線,為各位小夥伴解惑。

對於我們剛開始學習html的學生來說,繁雜的標籤是非常麻煩的  而且不好記,閒話少說,首先我推薦的編譯器是Hbuider,作為我們中國人開發的第一個編譯器,我們理所當然支持一下。

先來講一講h5最值錢的地方,他最大的好的地方就是他可以兼容微信、安卓、ios三個端口都可以實現代碼的兼容,我們現在用的淘寶客戶端都是用h5來實現的,他不但流暢性很好而且更美觀!

我們要知道html是標籤語言而不是程式語言,所以比較簡單。

標題標籤


水平線


強制換行

段落標籤

 空格

斜體 語氣強調斜體

更強烈的語氣粗體粗體

中間劃線

底線

下標

上標

為文字單獨定義樣式

短文本的引用

長文的引用

不換行

這上面的是一些最基本的標籤  剛開始學的時候不需要掌握太更多的東西,最基本的東西必須會熟練應用!

標籤標題標籤  就是我們做文件時候用的一級二級三級...標題在這裡是

.....這樣定義的  不過他是雙標記語言

例如我們定義一個一級標題是

我是h1標籤

這樣有始有終  html中大多數都是這樣的  不過也有一些是單開門的標籤這個我們後來學的時候回逐漸接觸到。

還有就是我們最重要的html組成,我個人是吧他當成一個朋友認識的 

這是整體的一個標籤佈局  是這個人從頭到腳的衣服下面是head  就是頭部   我們定義的樣式都在這寫的  了解的朋友可能有的了解  就是css的樣式寫在這裡

#再往下就是body也就是身體了頭下面就是身體   身體就是寫我們佈局的代碼的了  

HTML5學習路線按照以下四個步驟走:

1、了解HTML5的含義,用途,發展過程等;學習ps軟體的基本操作:如切圖、摳圖等;學習HTML(要學到精通的地步);學習HTML CSS網頁佈局;直到自己能夠獨立用DIV CSS完成帶交互的各種網站的佈局、重構,第一階段學習才算完成。

2、學習PC端網站特效前後端互動;學習JavaScript和jQuery特效(要求學到精通程度);學習Git管理工具的運用;PHP的基礎知識;直到自己能夠熟練應用原生JavaScript和jQuery,從而完成時下流行的各種PC端網頁(特別是電商網頁)特效、前後端交互,第二階段也就順利完成了。

3、學習行動裝置頁面開發響應式佈局;學習HTML5 CSS3新特性,如:HTML5的文字、圖像、連結、表格、列表、表單、框架,CSS基礎語法、各種選擇器(通用選擇器、元素選擇器、id和class選擇器、後代選擇器、偽類選擇器等)、框模型與背景、文字格式化、表格、顯示與定位、瀏覽器調試;常用行動端框架;HyBridAPP開發等;直到能夠用原生HTML5和CSS3完成行動端應用,如:WebAPP、微場景、後台管理系統開發等,也就標誌HTML5學習路線的第三階段順利完成。

4、學習高階前端知識,學習前端開發框架Vue、Angular.js、React.js開發,學習在平台Node.js上開發,學習ES6、前端效能最佳化,微信端開發、等;能夠使用框架開發WEB應用,也就標誌著此階段學習圓滿成功。

以上四個步驟學習完美結束,也就已具備企業對於前端開發工程師的用人要求。但如果還想往更高層次發展,那還需要學習的前端知識依舊還很多,也就需要你自己在工作中摸索前進了。

【相關推薦】

#

html的基礎元素,讓你零基礎學習HTML

#HTML介紹課程


以上是HTML5的學習之路的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板