// урок 01 · не курс и не сертификат

Страница — это файл. Адрес — это не файл.

IT Teach разбирает, из чего состоит обычный сайт, пока его ещё не спрятали за конструктором. Это не школа, не набор уроков за деньги и не обещание профессии.

Пустой экран честнее лендинга «стань разработчиком за 6 недель».

html — каркас

Браузер получает текст. Заголовок, абзац, картинка, ссылка — это метки в файле. Если метки нет, блок не появится, как бы красиво он ни выглядел в макете. Заголовок страницы, который виден во вкладке, живёт отдельно от большого заголовка на экране. Их часто путают, и поисковая строка показывает не то, что человек написал крупным шрифтом.

Картинка — отдельный файл. Если путь к ней сломан, на месте фото остаётся пустой прямоугольник, а текст страницы никуда не девается. Поэтому «сайт не открывается» и «пропала картинка» — разные поломки.

css — как это выглядит

Цвет, колонка, отступ живут в таблице стилей, не в абзаце. Один и тот же текст можно поставить в узкую колонку или растянуть на весь экран, не переписывая слова. Если стили не доехали, страница остаётся читаемой: чёрный текст на белом, ссылки синие. Это не авария. Это запасной вид.

Стиль можно снять. Смысл абзаца от этого не обязан исчезнуть.

Адрес, хостинг, имя

Домен — имя в строке браузера. Хостинг — место, где лежит файл. Это не одна покупка. Имя может указывать на пустой склад, склад может работать без красивого имени. Когда имя кончается, файлы не исчезают сами: исчезает дорога к ним, пока имя не продлили или не перенесли.

Подпапка в адресе — обычно отдельный файл или набор файлов, не «кнопка на той же простыне». Страница /seti/ на этом листе — другой файл. Якорь через решётку — место на той же простыне. Для человека это похоже. Для каталога сайта это разное.

Браузер не верит заголовку

Замок в строке значит, что канал до сервера зашифрован. Он не значит, что текст на странице правдивый. Красная кнопка «скачать» может вести на файл, зелёная кнопка «узнать» — на ту же страницу ещё раз. Смотрите адрес после нажатия, не цвет кнопки.

Доска без формулы полезнее доски, где формулу уже кто-то стёр и дописал свою.

Что этот лист не учит

• Не ставит среду разработки и не проверяет домашку.
• Не продаёт курс и не выдаёт бумагу.
• Не говорит, какой язык «главный». Для этой страницы хватило трёх: разметка, стиль, адрес.

Дальше — короче: как едет запрос, и что браузер делает с ответом. Длинная часть уже здесь, на первой вкладке.

Частные заметки. Не образовательная лицензия и не магазин. Скрытых блоков нет.