I'm going to incorporate JS into my website with material design animations (ripples, slides, etc.) and this all uses JS to create click events and makes the while website interactive. Android already incorporates this throughout the entire operating system. I would love to create a website that is material design compliant.

Javascript is a scripting language used for both backend and frontend web pages. It serves alongside or instead of php as a server storage language and in the frontend powering animations, and other types of graphical interfaces, it's kinda like java's web language, although they're nearly completely separate things.

HTML and CSS are not realted in any way

HTML and CSS really aren't similiar in any way - one was designed to compliment and make the other one look better. CSS simply puts an extra coat of paint on HTML, which natively has very few design choices. CSS is most definetly NOT a replacement for HTML. The language simply cannot dictate certain rendering things like a body or a header, or even the text on something like a button. HTML tells the computer what to render basically, and CSS finishes it by telling the web browser how to render it. They're about as separate as oil and water in that regard.

CSS means Cascading Style Sheets, and it adds alot of customization options to your website. You can change the background color, text, and literally every aspect of how the web page behaves. My favorite aspect of CSS is that you can make the web page responsive, and also animations can be made into the website with CSS, which replaces the system-hogging adobe flash. (death to flash!!!)

I don't really hate anything per say about html, (after all it powers the entire internet) but I do have a few pet peeves about the language. I do get really annoyed that you must close all of the tags after you issue one, and I don't really like how most code editors don't auto-complete your tags for you. I would improve the language in the text aspect of things, as it needs more customization with the font and alignments, as they never seem to work for me. I would dream of an html where you can specifically dictate exactly how you want your text. CSS has come close to this, but nothing natively in html does this.