HTML

1. ЗодчийСтой. По стройке без каски не ходят.
2. ЗодчийЯ Зодчий. Здесь были дома, а теперь одни обломки: Баг вынул все закрывающие теги.
3. БроЯ пытаюсь их показать, но у меня получается каша!
4. ЗодчийНачнём с одной страницы. Своей. Сначала каркас.

1. ЗодчийТеперь — инструменты. Тег, элемент, атрибут. Путаешь слова — путаешь дом.
2. БагДа какая разница, как называется? Главное — видно же!
3. ЗодчийБраузеру — видно. А тем, кто строит после тебя, — нет. Учи имена.

1. ЗодчийНа этой улице жили слова. Баг превратил всё в одинаковые `div`. Цитата не отличается от кода, адрес — от подписи.
2. ЛевИ для меня это всё звучит одним длинным абзацем. Без пауз. Без смысла.
3. ЗодчийВернём каждому тексту его элемент.

1. БроТут все дороги ведут в никуда! Кликаю — пусто!
2. ЗодчийБаг перепутал адреса. Относительные с абсолютными, файлы с папками.
3. ЗодчийСсылка — это дорога. Кривой путь — тупик.

1. БроВитрины разбиты, видео не играют, вместо картинок — значок «сломано».
2. ЛевИ ни одна картинка не говорит, что на ней. Для меня здесь пустые рамы.
3. ЗодчийВставим медиа правильно: формат, размеры, подпись, субтитры.

1. ЗодчийРасписание трамваев. Баг сверстал его таблицей ради красоты, а данные свалил в одну кучу.
2. ЗодчийТаблица — для данных, и у каждой ячейки должен быть заголовок.

1. НикаЗдесь ратуша, и все формы сломаны. Ни записаться, ни отправить заявку.
2. ЛевУ полей нет подписей. Я слышу «поле ввода, поле ввода, поле ввода». Куда что писать?
3. БагУгадают! Люди умные.
4. ЗодчийЛюди умные, поэтому заслуживают нормальную форму. За работу.

1. ЗодчийГлавная улица квартала. У домов нет ни входа, ни планировки: шапка, навигация, подвал — всё перемешано.
2. ЗодчийРасставим разделы по смыслу. А в конце построишь свой первый дом — визитку.

Бой с Багом — финальная работа ветки

1. БагСпорим, без меня у тебя не выйдет? Я спрячу тебе пару незакрытых тегов!
2. ЗодчийПусть прячет. Проверка найдёт.

1. ЗодчийУ каждого дома есть невидимая часть — фундамент с документами. Баг стёр всё: у страниц нет названий, иконок, описаний.
2. БроПоисковики проходят мимо! В закладках одни «Без названия»!

Бой с Багом — финальная работа ветки

1. БагКто вообще читает `head`? Его даже не видно!
2. ЗодчийВидно тем, кто ищет. Собери лендинг целиком, от `head` до последней строки.

1. ИскраЭй, Зодчий, можно я подключусь к твоим домам?
2. ЗодчийПодключайся, но через дверь, а не через окно. Покажу, как HTML и скрипты договариваются.

1. ЛевЭтот перекрёсток для меня главный. Баг отключил фокус и клавиатуру: мышкой я не пользуюсь, значит, сюда я не попаду.
2. ЗодчийКвартал не жилой, пока в нём не может жить Лев.

Бой с Багом — финальная работа ветки

1. БагARIA везде, побольше! Чем больше, тем доступнее!
2. ЛевНет. Чем правильнее, тем доступнее. Сначала нативные элементы.

1. ЗодчийПоследняя улица. Здесь ты построишь то, что останется после тебя: своё портфолио.
2. НикаБаг собрал здесь всё, что вынул из квартала. Это его логово в Каркасах.

Бой с Багом — финальная работа ветки

1. БагУстаревшие теги — классика! `font`, `center`… Ностальгия!
2. ЗодчийКлассика — в музее. Строим по современному стандарту.
3. БагДа кто заметит?
4. ЛевЯ. Всегда.