Ultimate HTML

Зміст курсу

Ultimate HTML

Ultimate HTML

1. Розуміння веб-розробки

Ласкаво просимо до HTML та веб-розробки Що таке Інтернет?Як Працює Інтернет?Розуміння Принципів Роботи Вебсайтів Пояснення фронтенд і бекенд розробки

2. Теги та Атрибути HTML

Розуміння Тегів HTML Робота з Атрибутами HTML Розуміння парних і одиночних тегів у HTML Розмітка Тексту та Форматування в HTML Завдання: Створіть Свій Перший Абзац Вебсторінки Завдання: Створення Веб-Сторінки Особистого Представлення Завдання: Створення Веб-Сторінки Для Демонстрації Фільмів Використання Посилань і Кнопок у HTML Завдання: Створення посилань на популярні вебсайти Перевірка HTML-Коду на Відповідність Найкращим Практикам

3. Структура HTML-Документа

Секрети Добре Структурованих Веб-Сторінок Розуміння Структури HTML-Документа Роль Секції Head у Документі Керування Потоком Документа та Макетом Завдання: Правильне Структурування HTML-Документа Використання Інструментів Розробника Для Інспекції Та Налагодження HTML

4. Робота з Медіа та Таблицями

Додавання Зображень у HTML Завдання: Робота із Зображеннями Робота з Клікабельними Зображеннями, Підписами та Оптимізацією Розуміння векторної та растрової графіки Вбудовування Аудіо та Відео для Насиченого Медіаконтенту Завдання: Вбудовування Аудіо та Відео в HTML Створення та Структурування Таблиць у HTML Завдання: Створення Функціональної HTML-Таблиці

5. HTML-Форми та Введення Користувача

Вступ до HTML-форм Основи Створення Форм у HTML Використання міток для покращення доступності форм Покращення Форм за Допомогою Атрибутів Введення Дослідження Різних Типів Полів Введення в HTML Завдання: Створення Форми з Полями Введення та Мітками Робота з елементом Textarea для введення багаторядкового тексту Використання елемента Select для випадаючих меню Використання елемента Datalist для попередньо визначених підказок введення Групування Елементів Форми для Кращої Структури

Завдання: Робота із Зображеннями

Мета

Практика використання абсолютного шляху для зображень у HTML.

Завдання

Переконайтеся, що атрибут src першого зображення використовує абсолютний шлях. Ви можете знайти зображення за адресою:

Використайте абсолютний шлях для атрибута src другого зображення. Доступ до зображення тут:

Вкажіть відповідне значення атрибута alt для обох зображень. Пам’ятайте, що значення alt є важливим для надання контексту у випадку, якщо зображення не завантажуються, або для користувачів, які використовують екранні читачі.

index.html

Використайте тег img для вказівки зображення.
Використайте атрибут src для визначення розташування зображення.
Використайте атрибут alt для надання описового тексту для зображення.
Ви можете використати атрибут width для визначення ширини зображення.
Ви можете використати атрибут height для визначення висоти зображення.

index.html

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 4. Розділ 2

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Зміст курсу

Ultimate HTML

Ultimate HTML

1. Розуміння веб-розробки

Ласкаво просимо до HTML та веб-розробки Що таке Інтернет?Як Працює Інтернет?Розуміння Принципів Роботи Вебсайтів Пояснення фронтенд і бекенд розробки

2. Теги та Атрибути HTML

Розуміння Тегів HTML Робота з Атрибутами HTML Розуміння парних і одиночних тегів у HTML Розмітка Тексту та Форматування в HTML Завдання: Створіть Свій Перший Абзац Вебсторінки Завдання: Створення Веб-Сторінки Особистого Представлення Завдання: Створення Веб-Сторінки Для Демонстрації Фільмів Використання Посилань і Кнопок у HTML Завдання: Створення посилань на популярні вебсайти Перевірка HTML-Коду на Відповідність Найкращим Практикам

3. Структура HTML-Документа

Секрети Добре Структурованих Веб-Сторінок Розуміння Структури HTML-Документа Роль Секції Head у Документі Керування Потоком Документа та Макетом Завдання: Правильне Структурування HTML-Документа Використання Інструментів Розробника Для Інспекції Та Налагодження HTML

4. Робота з Медіа та Таблицями

Додавання Зображень у HTML Завдання: Робота із Зображеннями Робота з Клікабельними Зображеннями, Підписами та Оптимізацією Розуміння векторної та растрової графіки Вбудовування Аудіо та Відео для Насиченого Медіаконтенту Завдання: Вбудовування Аудіо та Відео в HTML Створення та Структурування Таблиць у HTML Завдання: Створення Функціональної HTML-Таблиці

5. HTML-Форми та Введення Користувача

Вступ до HTML-форм Основи Створення Форм у HTML Використання міток для покращення доступності форм Покращення Форм за Допомогою Атрибутів Введення Дослідження Різних Типів Полів Введення в HTML Завдання: Створення Форми з Полями Введення та Мітками Робота з елементом Textarea для введення багаторядкового тексту Використання елемента Select для випадаючих меню Використання елемента Datalist для попередньо визначених підказок введення Групування Елементів Форми для Кращої Структури

Завдання: Робота із Зображеннями

Мета

Практика використання абсолютного шляху для зображень у HTML.

Завдання

Переконайтеся, що атрибут src першого зображення використовує абсолютний шлях. Ви можете знайти зображення за адресою:

Використайте абсолютний шлях для атрибута src другого зображення. Доступ до зображення тут:

Вкажіть відповідне значення атрибута alt для обох зображень. Пам’ятайте, що значення alt є важливим для надання контексту у випадку, якщо зображення не завантажуються, або для користувачів, які використовують екранні читачі.

index.html

Використайте тег img для вказівки зображення.
Використайте атрибут src для визначення розташування зображення.
Використайте атрибут alt для надання описового тексту для зображення.
Ви можете використати атрибут width для визначення ширини зображення.
Ви можете використати атрибут height для визначення висоти зображення.

index.html

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 4. Розділ 2

some-alt