Skip to content

Latest commit

 

History

History
66 lines (37 loc) · 3.52 KB

hw1.md

File metadata and controls

66 lines (37 loc) · 3.52 KB

Домашнее задание

+Создай репозиторий goit-markup-hw-01.
+Выполни HTML-разметку макета страницы домашнего задания #1, без CSS оформления.
+Настрой GitHub Pages и добавь ссылку на живую страницу в шапку GitHub-репозитория.

Критерии приёма работы наставником

Проект

+«A1» Главный HTML-файл называется index.html.

+«A2» В корне проекта есть папка images с изображениями.

+«A3» В названиях файлов нет заглавных букв, пробелов и транслита, только буквы и слова английского языка.

+«A4» Исходный код отформатирован при помощи Prettier.

+«A5» Все изображения и текстовый контент взяты из макета.

+«A6» Все растровые изображения оптимизированы используя squoosh.

+«A7» Код написан следуя руководству. *- />*

Разметка

+«B1» Разметка страницы Студия набрана в файле index.html.

+«B2» Выполнена HTML-разметка всех элементов макета.

+«B3» Теги использованы согласно их семантического смысла.

«B4» HTML проходит проверку валидатором без ошибок.

+«B5» В разметке есть теги для выделения основной структуры страницы: <header>, <main> и <footer>.

+«B6» Логотип в хедере и футере - это ссылка с текстом, не изображение.

+«B7» Тег <nav> использован единожды на странице – в хедере.

+«B8» Контакты в хедере (почта и телефон) находятся вне тега <nav>.

+«B9» Тег <h1> использован один раз на странице.

+«B10» Элемент с текстом "Заказать услугу" - это кнопка с type="button".

+«B11» Заголовки секций размечены тегом <h2>.

+«B12» У тегов <img> указаны атрибуты размеров, как минимум width.

+«B13» У тегов <img> есть атрибут alt, который заполнен кратким описанием о том, что изображено на картинке.

+«B14» Изображения экспортированы из макета в формате jpg.

+«B15» Группы однотипных элементов собраны в списки <ul>.

+«B16» Тег <address> использован только в футере.

Проверка ДЗ

  1. Вынес логотип в хедере (ссылка текст) за тег .
  2. Удалил элемент списка
  3. для логотипа.
  4. В атрибутах =href= тега вставил #.
  5. Содержимое тега изменил и сделал маркированным списком через тег
      .
    • Убрал тег

      (текстовый абзац) с