Простий приклад галереї на семантичних тегах – частина 1

Сьогодні починаємо розгляд прикладу простої галереї на семантичних HTML тегах. Сам приклад буде складатися з кількох частин. Пропонується перша частина прикладу. Галерея складається з дев’яти малюнків, розміщених сіткою, зі стилізованими підписом до кожного малюнку. Дана галерея презентується як навчальний приклад для виконання практичного завдання. Код HTML <main> <figure> <img src=”img/flamingo.png” alt=””> <figcaption>Фламінго</figcaption> </figure> <figure> <img src=”img/flamingo.png” alt=””> <figcaption>Фламінго</figcaption> </figure> <figure> <img […]

Продовжити читання »

HTML5 елементи <figure> та <figcaption>

HTML5 елементи та

Вітаю читачів та підписників мого блогу! Тема сьогоднішньої публікації:HTML5 елементи <figure> та <figcaption>. Це означає, що ми будемо знайомитися ще з двома дуже корисними і потрібними семантичними тегами, з їх синтаксисом, особливостями та варіантами використання, поговоримо про роль елементів <figure> та <figcaption> в забезпеченні доступності веб-сторінки і покращенні її SEO-показників. Опис елементів <figure> та <figcaption>. Елемент <figure>. Елемент <figure> є […]

Продовжити читання »