Как разные языки работают вместе?
Для разметки документа используется HTML, для описания внешнего вида (размеров, цветов, шрифтов) элементов - CSS, а для действий и интерактивности на странице - JS
Для этого следует почитать что из себя представляют эти языки и технологии хотя бы на википедии.
Некоторые взаимодействуют напрямую, один внутри другого. Другие работают независимо, обмениваясь данными.
Ваш пример - HTML / CSS / JS - платформа для выполнения их кода - браузер. Именно браузер решает что нужно делать, когда встречает код на html/css/js, и эти "языки" можно использовать одновременно.
Но при этом JS - язык программирования, html и css - языки разметки.
При этом стандарт html5 уже начинает приближается в сторону языка программирования.