Class та id

Атрибут class часто використовується для вказівки на назву класу в

таблиці стилів.
У наступному прикладі ми маємо три елементи <div> з атрибутом
class зі значенням "city". Усі три елементи <div> будуть однаково
стилізовані відповідно до визначення стилю в розділі head.

Елемент <div>використовується як контейнер для інших елементів

HTML. Елемент <div>за замовчуванням є блоковим елементом, тобто
він займає всю доступну ширину та має розриви рядків перед і після.
Елемент <div> займає всю доступну ширину:

Елемент <div>не має обов'язкових атрибутів, але style, class і id є

загальними.

Приклад 1

HTML атрибут id використовується для вказівки унікального

ідентифікатора HTML елемента.

Приклад 2

Ім'я класу може використовуватися декількома елементами HTML, тоді

як ім'я id має використовуватися лише одним елементом HTML на
сторінці.
 Практична частина
1. Використовуючи атрибут Class оформити сторінку за зразком
.city {
background-color: tomato;
font-size:24px;
color: white;
padding: 10px;
}

2.Використовуючи атрибут id оформити сторінку за зразком