web前端零基礎入門學習！前端真不難！

時間 2019-12-06

標籤 web 前端零基礎入門學習不難欄目 HTML 简体版

原文原文鏈接

如今互聯網發展迅速，前端也成了很重要的崗位之一，許多人都往前端靠攏，可又無能爲力，不知所措，首先咱們說爲何在編程裏，你們都傾向於往前端靠呢？緣由很簡單，那就是，在程序員的世界裏，前端開發是最最簡單的編程，甚至都不能叫作編程，由於它真的很簡單很簡單，下面呢，咱們就開始一點一點的教你們如何開始前端知識的學習（小學生都能學會的語言）！前端

在這裏相信有許多想要學習前端的同窗，關注小編文章最後面文字，可免費領取一整套系統的web前端學習教程！程序員

首先咱們學習前端，要知道前端的三個大內容，HTML、CSS、JS，其中HTML和CSS是相互結合着學習，掌握了這兩個了之後咱們就算真正入門了，而後再深刻學習JS等等。web

HTML，CSS，JS編程

1、首先咱們要理解HTML，CSS，JS分別是什麼？微信

HTML就至關於一我的，CSS至關於一我的穿着的衣服，JS至關於讓這我的作什麼動做，這樣一形容呢，咱們就很好理解了，這我的就是網站，須要有header頭，body身體，footer腳……而網站所呈現給咱們各類各樣的樣子就是咱們寫的CSS樣式，網站裏的動態效果就都是咱們的JS去實現的。框架

2、零基礎就能學會前端。學習

說到這裏，可能你們看這麼多的文字有點看不下去了，那咱們廢話很少說，只要你決定了要學習前端，那就跟咱們的課程一點一點學習去設計製做屬於你本身的網頁吧！網站

咱們用到的軟件呢，對於入門級來講咱們通常推薦你們用Dreamweaver，簡稱DW，新建一個HTML後，出現的界面是這樣的，設計

看到這麼多代碼不要慌，對咱們敲代碼沒啥影響，下面咱們開始敲代碼，咱們能夠看到這裏有這樣的代碼<body></body>，這個就是咱們網頁的身體，咱們接下來要敲的內容都是在這中間輸入的，這個括號表示的標籤，標籤都是一前一後的，成對兒出現的，除了一些特殊的標籤，隨後咱們再一一給你們講解。如今咱們輸入點內容，看看效果。3d

咱們輸入一個標籤<div></div>，點擊右上角的地球瀏覽一下，會發現彈出了一個空網頁，什麼也沒有，那是由於咱們如今只書寫了HTML，尚未寫CSS，簡單來講就是，咱們建立了一個東西在頁面裏，可是尚未設置這個東西長什麼樣子，如今咱們在設置它的樣子，

一、咱們爲了給這個div設置樣式，全部先給它起個名字否則，電腦不知道咱們要給誰加樣式，class="aaa" 的意思是起名爲aaa

二、在<head></head>裏寫入這樣一組標籤<style></style>這個style的意思就是CSS，咱們整個網站要加的全部樣式都是寫在這個中間的。

三、咱們在style裏寫樣式，電腦首先要知道咱們給誰加樣式，全部咱們寫個.aaa 這個.（點）的意思是我要給aaa加樣式，電腦會自動把.（點）後面的名字，跟下面body裏的名字作一個匹配，這樣電腦就知道，哦~原來你是要給這個div加樣式呀，

四、而後咱們把要給這個div加的樣式寫在大括號裏，width:100px; 意思是這個div的寬是100像素，height:100px; 意思是高是100像素，意思是背景顏色是#FF0000這個顏色，

注意：（1）這裏我要給你們解釋一下，你們別看這麼多代碼，這麼多單詞，其實軟件有提示，像下面這樣，直接輸入第一個字母后面的單詞就出現了，直接選中就好了，連單詞都不用背，前端真的很簡單，

輸入w和輸入h，會自動彈出單詞框

（2）每個單詞都有提示，說到這裏，不會英語的同窗就不要給本身找藉口說英語很差，學不會編程了，固然，這麼簡單是否是說你們都容易學會，那你們都會了，咱們還有什麼優點呢，其實否則，雖說很簡單，可是要想真真的把前端學好是須要下功夫的，主要就是要堅持，雖然很簡單，可是能堅持下來的人不多，這也就是爲何咱們給學生一直提倡要堅持，作任何事既然決定了，就要堅持，

下面咱們繼續，設置好了之後，咱們就能夠點右上角的「小地球」來瀏覽了，

若是你作出來了，跟個人效果同樣，那麼你就成功了，那我就能夠恭喜你，你已經入門了，真的很簡單！

到這裏你們可能還會有疑慮：

一、可能會有同窗覺的，前端好難，寫了那麼一大堆，纔出了個這個。二、另外就是覺的這一會兒蹦出來了這麼多代碼，這麼多單詞，記不住。三、對將來恐懼，感受還不知道要有多少單詞，多少代碼要涉及。

在這裏呢，我要給你們解釋一下，前端呢，其實咱們真正經常使用的單詞也就20個左右，今天咱們就已經用3個了，width、height、background，固然這3個也是最最經常使用的，是每次都要書寫的。

另外就是像格式之類的，同窗可能也會有疑問，此次的是div要起名字，style寫在head裏，div寫在body，那還會有多少這樣的寫法，

這一點呢，我能夠告訴你們，你們不用擔憂，由於這是每次咱們寫前端都要首先寫的東西，能夠說是固定格式，就相似於作數學應用題，咱們首先要寫個「解」字，一個道理。

最後呢，我想跟同窗們說，無論咱們之後選擇作什麼，必定都要堅持去作，世上沒有難的事，只有放棄的事。

我是一名前端開發程序員，如今在網上授課教前端，每晚都會在羣內免費直播，本身整理了一份2018最全面前端學習資料，從最基礎的HTML+CSS+JS到移動端HTML5到各類框架都有整理，送給每一位前端小夥伴，這裏是小白彙集地，歡迎初學和進階中的小夥伴。"

web前端資料學習羣：685362217

爲了感謝你們的支持，今天我在這裏統一說下吧，關注公衆號：‘web前端學習圈'，就能夠領取上全套視頻學習資料！[關注可加前端微信羣]

還有疑惑的同窗能夠給咱們留言評論，關注我，咱們會定時發佈教學視頻和文章，從基礎開始，解決前端問題，讓每位學生學會前端知識。