這個問題還是比較又經驗的，大概五年以前自己就自學了這一塊東西，后來還接過幾個小項目，雖然有好幾年沒有碰過了，但是大體思路還是一樣的。

簡單的說你要明白這三個東西是做什么的，他們是如何相輔相成，然后運用到實際操作中的。

個人認為順序如下

1.HTML

2.CSS

3JS

我們先說第一個HTML，超文本標記語言，現在大家都用的HTML5，希望題主學習的是HTML5，這種高級語言學新的要好一些，HTML作用是搭建網頁的基礎，再把幾個重要的東西，比如文本標簽，文本輸入框，圖片，超鏈接，表格等模塊搞清楚，并能靈活運用。

建議可以從HTML參考手冊入手，等了解一定程度之后，就可以去各個地方找相應的網頁學習，比如ZenGarden之類的學習別人的寫法，主要是學習別人是怎么樣構架一個網頁的，這方面的博客，視頻講解也非常多。

CSS，簡單說就是為網頁添加樣式的，比如這個需要個漸變啦，那里需要弄個線條啦，建議最好就是找各種教程，然后跟著做，你在寫樣式的同事肯定也要搭建相關的HTML框架，這樣也就復習鞏固了之前的知識。在框架之外還有很多優秀的CSS展示網站，不要猶豫，上去就是一頓學

這里找了幾個不錯又炫酷的項目

https://codepen.io/rgg/pen/QbRyOq

codepen.io/P1N2O/pen/pyBNzX

codepen.io/kowlor/pen/ZYYQoy

題主也可以自己找自己覺得合適自己的項目來練手，多做多想

Js最后，JS就是用來為我們都頁面添加交互邏輯的，同時也是一個挺好玩的腳本語言，題主需要認真學習語法，從變量，邏輯控制，循環，方法，模塊這樣先有一個完整的知識構架，之后就可以把自己之前做的炫酷網頁加以改造，而且因為你寫JS實際上也是作用于網頁的，所以你也可以保持自己對知識的熟悉。JS我記得當年看過一本《javascriptDom》不知道現在還流行不，可以去找來看看。

最后學習編程重要的是多做多想，多去拜讀一些各種文章，多逛一逛相關社區，了解新的技術，希望題主以后能越來越厲害。