HTML, CSS, JavaScript, Python и PHP

ОБЯЗАТЕЛЬНО ДЛЯ НОВИЧКОВ

Начальный уровень

Общая база

Перед сравнением языков полезно прочитать Что такое код и как он работает — код, блок кода, компиляция и интерпретация, исходный и машинный код.

Кратко по языкам

Язык Где работает Назначение
HTML Браузер Скелет страницы: заголовки, текст, кнопки
CSS Браузер Цвета, шрифты, отступы
JavaScript Браузер Реакция на клики и формы
Python Компьютер / сервер Скрипты, игры в консоли, данные
PHP Сервер сайта Сборка HTML до отправки в браузер

HTML глазами — мини-пример

Теги — это «наклейки» на кусочки страницы. Код:

<h1>Мой сайт</h1>
<p>Привет! Это мой первый абзац.</p>
<button type="button">Нажми меня</button>

Как это выглядит в браузере:

Мой сайт

Привет! Это мой первый абзац.

Подробнее с живыми примерами у каждого тега — Основные HTML-теги. Стили и отступы — Блочная модель в CSS.

Практика — три слоя одной страницы

Одна идея — три записи

Когда переходите к Python и PHP, покажите, что логика та же, а синтаксис разный: