- Створи репозиторій
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»
Елемент з текстом "Order Service"
- це кнопка з type="button"
.
«B11»
Заголовки секцій розмічені тегом <h2>
.
«B12»
У тегів <img>
вказані атрибути розмірів, як мінімум width
.
«B13»
У тегів <img>
є атрибут alt
, який заповнений коротким описом про
те, що зображено на малюнку. Опис тією ж мовою що і решта текстового контенту.
«B14»
Зображення експортовані з макета у форматі jpg
.
«B15»
Групи однотипних елементів зібрані у списки <ul>
.