大多數人都在教題主使用什麼工具，以及看什麼教程。
實際上我覺得連題主自己都忽略了一個重要的問題。 那就是題主學習這些東西的目的是什麼？ 因為目的不同，答案有可能截然相反。
從題主的描述來看，題主應該不是以找工作為目的的學習，只是單純的對做一個網站產生了興趣，當然這是我的猜測。
那麼，我還是首先假設題主是以找工作為目的的。
HTML、CSS、JavaScript、PHP、 MySQL
這五樣東西，要麼你放棄前三個，要麼你放棄後兩個。 因為我做了這麼多年全棧開發，到現在都不敢說自己五個都精通。因為東西實在太多了，你不可能在短時間內都熟練掌握。如果你一開始就試圖全面掌握，很有可能會導致你找不到工作。
更重要的是， 前三個跟後兩個根本就不是一個工作崗位，前三個叫做前端開發，後兩個叫服務端開發。
哦，對了
如果你超級精通資料庫，還有一個單獨的崗位叫DBA（資料庫管理員），它的薪資比前端開發和服務端開發都要高。當然學習難度也是可想而知的。
至於學習的方法嘛，前端和後端（服務端）也不大相同。
高票答案講的是通學的方式，就是能讓你（儘可能的）快速掌握前端和後端，能做一些像部落格一樣簡單的網站應用。如果這就是題主的目的所在，那麼問題就解決了，下面的話就不用看了。
那麼接下來我說一說，如果要找工作，該怎麼學習？
第一，看書還是看影片？
必須告訴你一句實話，看文件、看手冊、看書、看帖子、看教程，都是不行的。因為這種學習方式成本很高，很耗時，也沒辦法讓你達到找工作的水平。
正確答案是，看影片+（文件手冊輔助）
至於去哪裡找影片，免費的平臺很多，流量比較大的就是騰訊課堂、嗶哩嗶哩等等。有很多免費的相關影片，如何挑選，這裡我就不細講了，至少不能這麼公開的講。總之影片已經可以很大程度的提高你的學習效率了。
第二、實戰經驗如何獲取？
大多數的影片，都是系統了教了基礎及進階知識，當然也會有不少案例練習。 但真正能讓你在簡歷上寫出值錢東西的，肯定還是完整的專案經驗。
這些專案實戰的內容，一般的免費影片是沒有的。當然你足夠有經驗， 也能找到很多不要錢的。
把這些專案全做一遍就差不多了。如果你找到了50個專案，你沒有時間全部做完，那做到什麼程度就算可以了呢？
大概就是，當你寫完了專案A\B\C\D\E\F後，又看見一個專案G，你不用寫程式碼，也能知道專案G的開發流程、基本的功能實現，所使用的技術規範及架構、包括技術難點。因為你已經具備了足夠多經驗。所有的專案在你眼裡都是差不多的。
這個時候，你大概只要1個小時，就能掌握專案G了。 差不多也就是你該寫簡歷的時候了。
最後關於學習路線，及所需知識的問題，你看影片的時候都會有的，我就沒必要把它copy過來了。教你個技巧（從各大培訓機構網站看下他們的大綱，就大概知道學習路線了）