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