若想學 HTML,應從何入手?

個人信息: 大三 工商管理 邏輯算清晰 無編程基礎 想學網頁設計,打算從HTML開始 。
下面是問題:
1. 需要先學一些更基礎的語言(如C++之類的)嗎?
2. 有何建議:
(1)看哪些書、泡哪些論壇、關注哪些大師的博客、看哪些視頻、有沒必要上個培訓班什麼的(我人在廣州)?
(2)不怕麻煩的話,請各位大概說下自己的學習HTML的過程?
3. 隨便說一些你還想說的東西。


和題主一樣大三公共事業管理,文科妹子,無編程基礎,一個月之內做了個還算漂亮的官網~
分享一下我的入門經歷吧!
step1:
首先我看了這道題目的回答,諮詢了一些前端工程師們,決定從經典的http://w3school.com.cn 入手,把上面的課程刷一遍!
刷到一半的時候心裡沒底了。。什麼時候能看完呢?而且感覺概念這麼多,就算刷完了也不記得幾個啊!
怎麼辦!

step2:
接著,改變學習軌跡的恩人出現了!在 @彭貓 老師的指點下我決定把這個教程看一遍!
30 Days to Learn HTML CSS
[這裡是視頻打包下載的地址:學習網站開發必備推薦!30天學會HTML和CSS基礎入門視頻教程 (免費精品課程)]
一天的時間邊看邊開著 sublime跟著同步做,同時用 evernote 做筆記。

基礎知識差不多了,但是還覺得不太牢固,於是又刷了一遍書Head First HTML with CSS XHTML (豆瓣)
書的開頭序中提到了「元認知」這個概念,就覺得這本書贊贊噠!看完之後果然符合認知心理學學習的原理。
發現兩個東西的授課本質是一樣的!

在這期間,無意間下了一個app 叫「Lrn」,卡片式地教你幾種語言的基礎知識。於是每晚和男神聊微信的間隙就順手把html和css又刷了一遍(喂和男神聊天還這麼不專心!!)

UI設計也很棒!推薦沒事的時候也可以刷一下!

step3:
基礎知識差不多啦,可以直接上手做項目了!
(我當時因為要做官網,還先用 bootstrap 做了一個,被嫌棄太丑就斃掉了= =)
你又問了,做什麼項目呢?

最簡單的就是搭一個自己的博客啦,或者是一個簡單的靜態展示類網頁。一般的公司官網都可以哦~
依託於 github pages,這個入門教程可以參看我昨天的回答
怎樣使用 GitHub? - 珊姍是個小太陽的回答
接著就是:
搭建一個免費的,無限流量的Blog----github Pages和Jekyll入門(這個教程還是感覺不夠小白,我會再寫一個噠)
其實真的沒有想像中那麼難,初期就是看別人的網站很好,右鍵「檢查元素」
直接把人家的代碼複製粘貼過來就可以了。。。
像這樣子!

在不斷地複製粘貼中你不僅搭起來了自己的博客,還學會了80%以上的 HTML !所以說,學編程最好的途徑不是看一堆資料,而是

Just do it!

哦對了,最後這個教程也很推薦!!!
學習 | Codecademy

祝大家新年快樂~


陳賢安先生推薦的書籍,我認為非常不適合入門,他們更像是全面的參考指南,充斥著各類細節,且行文晦澀,對初學者有難度,容易挫敗其熱情。

我負責任地說:

O"reilly 的 Head first html, xhtml CSS 是這個地球上最好的html和css入門書,沒有之一。

1, 最正式的規範和思路
2, 最簡單易懂,樂趣盎然的學習過程

讀完這本後,請直接去學習同作者的剛剛出版的新書:

Head first Html5

這本不但是最好的html5入門書,也是極好的javascript入門書。這兩本的結合,應是目前最快的html學習路徑。


正在做一個java教學網站,做的時候意識到web部分也是要講的,不然沒法展開j2ee的學習。 所以就把一些簡單的html和css入門知識先放上去了。

設計網站的時候考慮到學習的便捷性,可以直接在網頁上寫html代碼,並且不需要提交就可以看到效果了。

建議用非手機瀏覽器打開,畢竟需要敲敲代碼,手機還是略顯不便。


1 不需要
2 http://w3school.com.cn
3 c++中的語法有助於掌握javascript,另一方面,面向對象思想是系統良好設計的基礎

最好的學習途徑就是實踐


學HTML這個容易

HTML的前端中的基礎,

這方面的技術講解在網上有很多的技術知識 資料,一搜一大堆!

學HTML重在實戰,只看不練也是沒啥用!


HTML 是一門標記語言,學習 HTML 就是學習它的標籤代表什麼意思,以及如何使用這些標籤將內容組織起來。完全不用學編程語言。只需要一本書:O"Reilly 的《HTML XHTML權威指南》。把書翻完,然後隨便從網上找一篇有標題、列表、表格等結構組成稍微複雜的文章,用 HTML 組織起來,你就算入門了。

接下來,你要學會美化你精心組織起來的文章,買一本同是 O"Reilly 的《CSS 權威指南》。

如果你想要網頁動起來,買一本也是 O"Reilly 的《JavaScript 權威指南》。

當你用心看完這三本書,你已經是合格的前端工程師了。


JS先不論,至少也要HTML和CSS一起學才有用啊


呃 我也是剛上手 通過http://www.w3school.com.cn/index.html
和 http://www.google.com.hk/webhp?hl=zh-CN

偶爾看下公開課什麼的提升下思維


http://www.w3schools.com
足夠了,完全可以達成從入門到中等程度,重要的是這裡的東西相對比較「標準」,而不像MSDN裡面一大堆微軟自己獨有的東西。
PS,w3school有中文版的,不必害怕。


親身經歷是這樣的:
1. 去http://w3school.com.cn大量閱讀。
2. 隨便打開一個自己喜歡的網站就查看其源代碼。
3. 用記事本手寫一個純Html+css網站。一定不要用dreamweaver類的輔助工具。(最重要一步)

順序基本為:學習-觀摩-實踐。

完成以上經歷,80%的html可熟練掌握。

所謂的什麼系列教程,入門書,手冊根本沒有用。


按題主的意思,要速成,越快越好咯。
1.在慕課網的」前端開發「中找到HTML+CSS基礎課程,先看一遍,大概2-3小時吧;
2.然後動手做,html重在認知,用html標籤和css樣式來給自己做一份html格式的簡歷;
3.查資料,在做的過程中碰到不懂的,在w3cshcool上對細節進行補充;
最後等你做出網頁形式的簡歷後,你應該算是對html有一個基本的認識了,同時也給自己製作了一份簡歷,算是一舉兩得了吧。
PS:大概是這個樣子吧,這只是速成,冰山一角都算不上,前端領域裡的技術棧的學習量絲毫不弱於其他後端語言,所以如果是想深入研究,還是得系統學習啦!


http://www.codecademy.com/learn前兩天剛在這網站接觸了HTML,這個網站不錯,挺適合入門


哈哈,C++可比HTML難多了,而且C++與HTML毫無關係。一個是面向對象的程序語言,HTML是網頁的文本語言,兩者完全不是一回事。

學HTML完全可以從零開始,在學習它的過程中 ,最好要把網頁這個概念弄清楚,計算機是如果訪問一個網站的,最基本HTTP傳輸的原理,以及瀏覽器如何顯示HTML,把這些弄清楚對學HTML會有幫助。


不用急著去看JavaScript, CSS這些東西,先學好HTML,等HTML基礎打紮實了,可以開始看CSS,JavaScript已經屬於編程範圍,一開始學難度會比較大。


1.不推薦看書,現在都互聯網時代了,要學的東西網上基本都有教程,沒必要浪費錢去買書,除非網上確實找不到有關教程。而且如果網上實在沒有教程的話我個人會去下載書的pdf文檔,不過挺傷眼睛的。

2.不推薦看視頻教程,一些1分鐘就能掌握的知識點佈道者能給你講10幾分鐘,其中摻和著大堆廢話。推薦W3Cschool這個網站,涵蓋了大部分主流前端知識,文字教程,快速掌握,輕鬆易懂。

我學習HTML的時候沒有任何編程語言基礎,就是按照W3Cchool的教程一步步來的。

祝好運。


本人高二黨,一周回家一天,用了半個學期在http://www.codecademy.com這個網站上學習html,目前進度是60%多吧,感覺這個網站還是有趣的,對英文要求不是太高,對一些術語用字典查一下就可以了


慕課網,極客學院


我是從HTML學起的,其實HTML沒有你想的那麼複雜,一看就明白的了,主要就是多練。1個星期保你熟練。在W3C網可以看下。HTML 教程 ,光看是沒多大用處了,最重要是實踐,我當時是去網上找了一套視頻來看的,講課的老師很厲害,很多問題都幫你講通了,基礎也就打的很好。


我現在在學html,個人的一點經驗,一開始在w3schools上面去學,但是敲了幾天代碼,我很快發現了一個問題,我根本不知道我在幹嘛,我敲的到底是什麼東西,於是我轉變了一下思路,在網上找了一個入門的視頻,一邊看,一邊跟著做,這樣效果很好,很多東西也清晰了,這個時候配合著再看一些書,做個小網頁,肯定會事半功倍的


w3c一定要多看!dw肯定要,多手寫也是必須的,最好買一本divcss實體書,然後平時操作的時候多百度,絕對要多百度噢!
先不用管什麼建站如何建,就純學單個網頁代碼!
很快就會了!


個人經驗,HTML不需要看什麼書,有懂的人指點,一天足以搞定,能讓你用記事本寫一個網頁,其實理工科和計算機更需要的是手動操作而不是看書。


推薦閱讀:

如何幫助前端新人入門和提高?
前端工程師和 UI 設計師該如何選擇?
前端大牛們都學過哪些?
學web前端開發,培訓還是自學靠譜?
前端工程師,你們都在研究哪些技術?

TAG:HTML | CSS | 前端工程師 | 前端入門 | 前端開發入門 |