Из чего состоит веб-страница

Открываешь любой сайт - и видишь текст, картинки, кнопки, цвета, анимации. Кажется, что это что-то одно цельное. На самом деле под капотом работает тройка, и у каждого свой кусок ответственности.

HTML - что показать. CSS - как это выглядит. JavaScript - что происходит, когда нажимаешь.

Тройка, на которой всё держится

Аналогия с домом

Так проще запомнить, кто за что отвечает:

• HTML - это каркас и стены. Где комнаты, где двери, где окна. Без него дома просто нет.
• CSS - это отделка. Цвет стен, обои, плитка, расстановка мебели. Тот же каркас можно отделать совсем по-разному.
• JavaScript - это электрика и техника. Свет включается по выключателю, дверь открывается по кнопке. То, что реагирует на действия.

Дом стоит и без отделки и без электрики - просто будет голым и неживым. Так же и страница: с одним HTML она работает, но выглядит как документ из 1995 года.

Зачем это понимать вайбкодеру

Ты не пишешь этот код руками - его генерит ИИ. Но границы между тремя частями знать стоит:

• когда хочешь поменять цвет или отступ - это CSS, и часто правится одной строкой;
• когда нужно добавить кнопку или заголовок - это HTML;
• когда что-то должно происходить по клику - это JavaScript.

Если понимаешь, в чьей зоне твоя задача, ты точнее объяснишь агенту, что хочешь, и быстрее найдёшь нужное место в результате.