第一次看HTML教程是怎樣一種體驗？
昨晚在洗手間里萌生出來要學前端的想法，今天終於要開始實現了。於是小圓註冊了一個微信公眾號，開始寫學習日誌，用我人生的五分之一來做這件事。（每個手機號一輩子只能運營5個號，我真是付出得太多( &>﹏&<。)～）
開始搜教程了，小圓習慣性地上知乎看了一下大神們的建議。
知乎某大神的認為前端工程師需要get的技能 ▲
於是，整個人都不好了(￣△￣；)
小圓決定裝作沒有看見，從HTML開始學起。
我打開了W3School網校，看到以下內容：
為何教程什麼的，總是說這種風涼話▲
自己說要當碼農的，哭著也要學完。小圓一笑泯恩仇，開始做筆記了。
學習了基礎的幾個標籤後，我親手寫了幾行代碼。
結果出來的那一刻，小圓雞凍得一塌糊塗。旁邊打瞌睡的老實同事被我推醒了，他裝作崇拜地對我說：大神啊！從此以後，再也不用外包！再也不用溝通需求！再也不用做程序員的奴隸！(￣ε(#￣)☆╰╮(￣▽￣///)說的好像已經學成了一樣。
那麼各位大神和小牛們第一次學習HTML是怎樣一種體驗呢？
卧槽瀏覽器好厲害，寫成這B樣都能正確顯示，換了編譯器的話早就一堆warning+error了。
| ???ω??)??? 謝謝大家的支持！等有空了會好好完善下回答。
回頭看發現好像有點文不對題，哈哈。第一次上講 html 的課的時候很快就睡著了，講到 seo 的時候才睡醒 &>_&<...------
html ?就是你兜里裝了個蘋果，學完了。&<人&>
&<頭&>&<頭頂&>&&<臉&>&&&<身體&>&<上半身&>&&<下半身&>&
&<腳&>&&&css 是神馬？穿衣服會吧。單純 HTML 來講，還不算太難。
HTML5 之前，HTML 大概像是一個簡化的 MS Word，用來往白板上擺放文字、表格、圖片等內容；
HTML5 出來，就完全不是一個白板了，它變成一個高端大氣上檔次的東西：
謝邀，雖然我不是前端，但是接觸前端也有四五年了，雖然不往專業方向發展，但是你總是停不下來，少不了。
看你找的那個圖，搞那麼複雜，領域都沒搞清楚，你到底想從事哪個領域的前端都沒搞清楚，拿那麼一大個圖來做入門指引？醒醒吧，騷年！！！！給自己那麼大鴨梨乾嘛？？？前端沒那張圖那麼恐怖，那是後來歸納的，從一個新人來定義，做點實實在在的事情才是主要的。我只說基於web技術的前端，至於其它語言其它應用領域的前端，留給其它人吧。
簡單來說具備3點即可：
1.喜歡炫麗的PC/移動動態效果，別人能體驗到，自己能體驗到，爽（興趣）2.邊實踐邊打基本功，html,css,js,jquery一樣不能少，再慢慢接觸框架，都是串通的，入門快精通難，創造更難（能力）
3.專註還是業餘？自己根據自己的狀態做一個衡量，堅持這件事是為了什麼？（選擇）~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
要說水平菜，其實比很多連基礎代碼都不能脫手寫順的專業前端好一點；要說厲害，比起專業知名互聯網團隊得前端（淘寶，騰訊前端），比起國外的小前端，還差的好遠。要嘗試之前先準備好：chrome(如果你是在國內做網站生意，IE的低版本(7以上10以下)的兼容測試不可少了)。然後可以開始了。
先找點別人優秀得前端小效果（入門先別用插件，給你也看不懂插件源代碼），跟著修改，嘗試，體驗自己修改後的新效果。（當然前提要打點javascript,jquery,html,css的基本功）。慢慢的跟著一些「喜歡的效果」做，你會感覺，前端很有意思。
~~~~
然後，自己買一個空間域名，弄個個人網站，把自己的前端做到自己的領地里（有金錢付出，有自己的領地才會有更強大更持續的動力）前端能做出讓別人看的見聽得到摸得著的效果，這就是人機交互，這就是體驗。是能讓你持續堅持的小源泉。
分享你的技術，分享你的前端，努力吧！它不會過時，過時的只有一個不能正確選擇目標和方向的自己！不邀自來，其他答主都說得差不多了，我這裡說點有關開發工具的建議吧。 Visual Studio是我用過最好用的前台開發工具，並且支持各種強大的擴展可用答主目前做前台開發一直是用的這個工具。強烈推薦 Visual Studio 2015，因為微軟現在已經來源了
以為做程序員就這麼簡單～～
我大概用上html兩年以後才真的明白這些標籤到底是咋回事兒
覺得進度太慢。。。受不了。。。其實HTML直接開用就好了，邊看邊查，我感覺沒有比HTML更簡單的語言了，真的。。。當然主要原因大概是別的語言都太難。。。。
之前學了C。然後選修課選了網頁，剛開始看HTML，認真做筆記。感覺各種簡單，各種標籤怎麼用。。。。等翻到中間的CSS。。發現我前面做的筆記只有class=」xxx」用的最多。。那些修改字體的全白寫了。。。。
然後各種margin啊padding啊煩，經常少算幾個像素，然後看著頁面怪怪的。。。 自認為學的差不多了。。做個了網頁版的相冊給女票，滑鼠移動後圖片會旋轉放大。。女票尷尬的說，果然是程序猿啊。。。。。⊙▽⊙我以為她會誇我的。。我可是做了兩天才弄出來＠_＠。。。然後不久，她就變成前女票了23333 目前正在間斷的學PHP，經常看見PHP才是最好的語言23333。。。客戶端寫標籤會自動編譯2333。不要告訴我我是最後一個發現的。。剛寫了個span修改字體就沒了。。。答主你好，我來說一下。你截圖裡面所說的技能也好工具也好，都是一個前端工程師要具備的。這話沒錯，但是，誰也沒逼著你一個禮拜就精通所有，對不？凡是都講究個循序漸進嘛。我以我學前端的個人經歷，一步一步寫給你看：1）一開始，看到別人網站很炫酷，自己也想弄一個，那麼恭喜你，被興趣領進門了。
2）學著用純HTML做網頁，對的，純HTML，沒CSS，沒Javascript，沒後台，純HTML靜態頁面。什麼？太丑？參考上個世紀的網頁
3）好了好了我也知道你是有追求的人，做這麼丑誰都對不起。。。來吧，加點CSS潤潤色4）人家網站都能動的，我也要我也要！……那就得用點javascript了，可以看看jQuery哦，超方便的喲5）光有殼，沒有功能啊，咱們加個登錄系統吧。恩這就要用到PHP了，再輔以MySQL，後端程序員在對你微笑哦=================分割線=================到此為止你就可以出山找工作啦，怎麼樣，有沒有一點小激動？在下在接觸工作前的技能點就到此為止了，不敢誤導說一定足夠，但個人經驗就是老子找到工作了（得瑟臉）=================分割線2================好了下面介紹的就是工作中一點一點學到的了：6）以前做個人網站自己怎麼爽怎麼來，進了公司就不一樣了，總得用個代碼版本控制吧？我們用的SVN，也有很多地方使用Git7）公司有專門的設計師了，就得學著用photoshop切圖了8）公司對瀏覽器兼容性有要求的話，各種都得去調試，FIreBug，Chrome Developer Tools等等，自然就上手了9）還要做移動端，response UI design也得看看咯10）有項目要快速做原型，自己一點點來肯定太苦逼了，找個現成的前端框架吧，BootStrap不錯，我們用的Foundation，大同小異11）css代碼量大了很難管理，sass和compass來幫你！好用易懂12）Javascript代碼量大了很難管理，也要進行模塊化，我們用的requireJS，不過其實還有很多高大上的13）老闆又接了個SaaS的項目，雲端服務決定用NodeJS實現。咦小夥子，你JavaScript不錯，你來吧。（新技能被迫get T_T）……我還能再寫20行，不過意思我想答主您應該明白了，截圖裡的並不是入職的基本需求，絕大部分都是在工作中由實際需求一點一點習得的技能。不要急，慢慢來～我大學學習一個星期就開始接外包了。差點被砍死
還記得那年，大二的時候我們的課程里有了html，還記得那本書，綠皮紙質偏黃，排版混亂老師第一節課是讓我們在txt上寫網頁，對，你沒看錯就是txt,，當時的感覺就是難道做網頁的都是這樣嗎，那丫的也太苦逼了。直到後來我們才知道有一個上古神器叫dreamweaver 8不過當時Adobe公司已經出到了cs4，後來網上找了些教程，才知道這門課很深，慢慢感興趣，然後幫很多同學做了那門課的期末考試作業。當時覺得，原來自己蠻厲害的嗎，自此我就下定決心踏上這條不歸路。
學了倆小時的HTML就覺得自己是大神了，簡直是開天闢地無所不能。
直到我發現世界上原來還有JS和CSS。然而學了弄了幾個月之後感覺自己也已經沒問題了。
直到發布的時候發現原來還有兼容性問題。沒有想像中那麼難 也沒有想像中那麼容易
小學大概三四年級的時候第一次接觸HTML，清晰的記得當時是在學校微機室，電腦里有frontpage，我也不知道是什麼東西就點開看了。裡面有個中文的html模板。
當時把title里的文字改成了自己的名字，發現瀏覽器的標題就神奇的變成了我的名字。這就是我第一個個人主頁，沒有任何內容只有一個title。就這個小事讓懵懂的我開心了好幾天。後來每周微機課我就偷著打開frontpage去改那個模板，然後觀察頁面的變化。當時也沒有教程，就這麼摸索著自己學。再後來一發不可收拾了，求爹買電腦，給班裡做論壇，做過江湖站長什麼的。不過當時只懂搬現成代碼改改前端而已，對後端完全不懂，但當時覺得人生全部樂趣就在這些上面。然後小學時候就有了以後學計算機專業的夢想。
現在成了CS專業的大學生。每天過的很累很幸福。沒人跟我一樣，看題目的時候以為題主問的是看how to make love 小黃片（HTML教程）然後點進來的嗎？
多圖提醒！！！哈哈，這個問題真的好合我的胃口。先說一下，第一次知道html是大一從學校的老師那知道的，比較好奇就去學校機房（公用機房，你懂得，其實可以算是遊戲廳）學習。。。。我應該是第一個在學校機房學習HTML的。。。當時感覺好神奇，隨便加個標籤就能顯示不一樣的東西，一下子就來了興趣。早晨去的機房，第二大節課是高數，由於自己著迷了，給舍友打電話說高數不去了。。這也是我大學第一次翹課。。也是我大一翹的唯一一節課。通過自己的努力一早晨做出了個這個。。。現在看。。天哪！！！這一定不是我做的一定不是我做的。。
第一次的感想這種東西也叫編程？
然後，光HTML就兩小時的學習量.....
我當然沒算上JS和CSS.
我是寫C++的，曾經給美國佬搞過HTML頁面，當過二把刀前端。擦，當然是被逼的這是條不歸路，根本就沒有學得完的時候！
我感覺HTML是這個頁面有些啥，CSS是這些元素長啥樣，JavaScript是這個頁面能幹啥。CSS裡面有一個特好看的叫Bootstrap，JavaScript里有一個特好用的叫jQuery。
推薦閱讀：
※普通文檔流的數字串遇到浮動塊為什麼不自動換行而是直接流到浮動塊底部的一行？
※非計算機想從事前端開發，如何找到實習？
※鏈接為什麼都用雙引號？
※用 CSS 實現元素垂直居中，有哪些好的方案？
※關於 HTML5 被簡稱做 H5 ，你怎麼看？