https://learn.freecodecamp.org/
I worked through the majority of it when learning to code (didn't finish all of the "certifications" as I ended up finding a job). Happy to answer any questions about it as well.
Alternatively, if you're looking for employment and you're in the countries where Lambda School[0] operates, that's a really great option for you to explore.
[0] https://lambdaschool.com/ - Lambda School
I also used it as a starting place. Really great community and a ton of resources.
The reason is you need to understand the markup on a web page with HTML before you can alter its look/feel via CSS and before you start altering either via Javascript.
Frameworks will come and go over time, if you know the foundational aspects of what the frameworks are doing it will be easier to pick up the next framework that becomes popular.
Get a basic hosting account, register a domain, learn how to setup a website use FTP.
Next go through the book Head First PHP and MySQL, it will give you a basic foundation in forms and databases.
After that go through Headfirst Javascript, then Headfirst jQuery.
Signup for a github account, checkout ways to deploy websites without FTP, explore Vue and React.
At that point you could start learning frameworks like Rails, Laravel if you want to create web applications. Pick out something you need/would use, it will make it more interesting.
Good luck, enjoy the ride.
During learning HTML, learn those <form>, <input>, <submit> once you think "so what's next?" with normal presentation. This will lead to "Web Application" once you're comfortable with "Web site" development.
Learn basic backend stuff (the server where it responses requests from browser e.g. Chrome, Firefox). Ruby on Rails is the right framework for many reasons (developer friendly (short-term at least!, more jobs in the market etc)
The first thing you will learn on backend is likely a simple "blog" application. After that I think you're good at learn how to learn.
----
I read your comment on this thread, so you want to be a frontend developer!? God bless you! I don't encourage new comers to fall into React for good reasons..
However, web development is more than programming because it requires document structuring (HTML), document styling (CSS) and document dynamics (JS). All three are used to produce websites. JS is the elephant but learning styling and structure will help you a lot (I know many developers who are weak when it comes to CSS).
Most simple stuff can be done from the hard drive on your computer but at some point I would suggest learning how to use a SVN, develop for mobile/tablets, serve from localhost and build javascript. I would also encourage setting up a VM down the road to learn how to deploy your website to a server (as well as learning basic security/ssh/linux cl) so you'll be familiar with the process and not create vulnerabilities because your aren't a back-end guy. I could go on and on but that would be some of the easiest stuff for you to learn.
You don't even need to bother with frameworks or libraries, although you probably will for professional development. But just to learn, all you need is a text editor.
There are A LOT of languages and tools you can use to build for the web like like PHP or JavaScript.
Languages to learn: 1. HTML 2. CSS 3. JavaScript (ES2018) 4. Rust 5. WebAssembly (Rust + WebAssembly)
Frameworks to learn after all of that: 1. Flexbox 2. Bootstrap 3. jQuery 4. React/React Native 5. Electron
Hopefully this helps :)
I would say: 1. HTML 2. CSS 3. Flexbox & Bootstrap 4. Javascript 5. React
If you like video, I recommend the University of Youtube