<html>
<head>
<style>
/* Стиль элемента с идентификатором "myHeader" */
#myHeader {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
/* Стиль всех элементов с именем класса "city" */
.city {
background-color: tomato;
color: white;
padding: 10px;
}
</style>
</head>
<body>
<h2>Отличия между Class и ID</h2>
<p>Страница HTML может иметь только один уникальный идентификатор, примененный к одному конкретному элементу, в то время как имя класса может быть применено к нескольким элементам.</p>
<!-- Уникальный элемент -->
<h1 id="myHeader">My Cities</h1>
<!-- Несколько похожих элементов -->
<h2 class="city">Украина</h2>
<p>Украина - это самая большая страна Европы.</p>
<h2 class="city">Париж</h2>
<p>Китай - это самая большая страна Азии.</p>
<h2 class="city">Россия</h2>
<p>Россия - это самая грязная страна в мире.</p>
</body>
</html>