HTML

Цель: изучить принципы работы с макетом, закрепить основы языка разметки HTML и навыки использования системы контроля версий.

Порядок выполнения лабораторной работы:

1. Изучить основные теги языка разметки HTML: html, head, title, body, header, nav, h1-h6, main, section, footer, form, label, input, button, p, a, img, ul, ol, li, hr и атрибуты, связанные с соответствующими тегами.
2. Скачать макет согласно варианту в ведомости и импортировать его на figma.com. Ссылка на макеты.
3. Открыть файл index.html и сформировать в нем корректную структуру документа в соответствии с макетом мобильной версии. Корректность определяется соответствием использованных тегов их семантике и отсутствием ошибок на валидаторе. В этой работе требуется только создать структуру, стили и изображения будут добавлены в будущих работах.
4. По мере работы необходимо делать коммиты и отправлять изменения на удаленный репозиторий на github.

Требования к index.html:

1. Удобочитаемый код (Руководство по оформлению HTML/CSS кода от Google);
2. Корректное использование тегов;
3. Отсутствие ошибок на валидаторе;

Результаты выполнения лабораторной работы:

Статическая веб-страница на хостинге, со структурой, которая соответствует требованиям и сохранена в системе контроля версий.

Дополнительные источники

• MDN основы
• Элементы HTML
• Справочная информация
• Проверка тегов и свойств на степень внедрения
• Проверка тегов на возможность вложения
• Emmet в VS Code - https://habr.com/ru/post/573032/
• Chrome DevTools - https://habr.com/ru/post/548898/

Вопросы для защиты

1. Что такое HTML?
2. Что такое тег/атрибут/значение?
3. Для чего используется тег имя тега?
4. Зачем нужен DOCTYPE?
5. Как отличить кнопку от ссылки?