HTML — это не код для избранных, а понятный набор меток: вот заголовок, вот абзац, вот ссылка. Разобравшись с десятком таких меток, вы уже сможете собрать страницу, которая откроется в любом браузере.
Мы идём маленькими шагами: сначала разметка, потом оформление через CSS, затем сборка готового сайта на конструкторе. В каждом уроке есть результат, который можно проверить сразу.
Четыре направления, из которых складывается первый сайт. Их можно проходить по порядку или выбрать то, что нужно прямо сейчас.
Теги, атрибуты и структура документа. Учимся размечать заголовки, списки, ссылки и картинки.
Цвета, шрифты, отступы и сетки. Превращаем голую разметку в аккуратную страницу.
Как выбрать конструктор, собрать страницы из блоков и где пригодятся знания HTML.
Собираем личную страницу от чистого листа до публикации в интернете.
CSS — это язык, который превращает скелет HTML-разметки в аккуратный, читаемый и визуально цельный сайт. Если HTML отвечает на вопрос «что здесь находится» (заголовок, абзац, картинка, кнопка), то CSS решает, как всё это выглядит: цвет, размер, расстояние между блоками, шрифты и расположение. Без CSS даже идеально структурированная страница остаётся сухим черновиком.
Когда я только начинал […]
Что такое HTML и зачем уметь его читать
HTML — это язык разметки, который описывает содержание страницы: заголовки, абзацы, картинки, ссылки, списки, формы и другие элементы. Браузер не «угадывает», что где находится, а читает разметку и строит страницу по этим правилам.
Когда я только начинал верстать сайты на фрилансе, то быстро понял: умение читать HTML — это […]
Когда ко мне приходит заказчик, который хочет «просто попробовать сделать сайт сам», я никогда не отправляю его сразу учить HTML. Это бессмысленно. Сначала нужно понять, как вообще устроена страница, из каких блоков она собирается, почему кнопка должна быть именно здесь, а форма — там. И только потом, если появится желание копнуть глубже, браться за код.
Инструменты […]
Сайт начинается с одного тега
Не нужно знать всё сразу. Напишите <h1>, сохраните файл, откройте его в браузере — и у вас уже есть страница. Всё остальное вырастает из этого шага.
Возьмите первый урок и за один вечер создайте страницу с заголовком, текстом и ссылкой. Понадобятся только браузер и блокнот.
