They can all exist in-line. You can have your css in an html attribute, and the same thing with J's event handlers. You can write an onClick handler in an HTML element and have all the functionality written in an attribute. It's horrible, but you can do it. The goal of splitting the three pieces apart is to make it easier to read, maintain, and extend. But they all still need to exist together. Usually you'll find the CSS linked in and the JavaScript files are put at the end of the file. The web browser reads through the document, reads all the CSS, then parses the HTML and already has the CSS in memory. JavaScript usually requires the HTML document to be fully loaded before it can be effectively used, so the browser reads this last. As you move into larger scale applications you'll find resources to do this for you, like webpack, but at the heart, there's always an entry point where everything is written to the page for parsing. More on reddit.com

HTML defines what content is on a webpage. CSS makes the content look pretty. Javascript makes the content do stuff. More on reddit.com

It's impossible to have different indentation settings within a single buffer and I'm not sure I've ever seen such a feature in a text editor. Write HTML in an *.html file, JavaScript in a *.js file, and CSS in a *.css file. Not only this has been an industry-wide best practice for a very long time (separation of concern is important) but it also allows you to have different indentation rules for different filetypes if you really want that. The W3C (HTML and CSS) and the TC39 working group (JS) don't mandate or recommend any indentation rule so there's no reason whatsoever to have different indentation rules in the first place, at least at this stage. Companies and open source projects may have specific requirements but you are not there so don't waste your time on that. More on reddit.com

If you think migrating to Visual Studio Code, I recommend using VS Codium instead. https://vscodium.com/ EDIT: typo More on reddit.com