×

Сохраните ваш код

Если вы нажмете кнопку "Сохранить", ваш код будет сохранен, и вы получите URL, которым вы можете поделиться с другими.

Нажав кнопку "Сохранить", вы соглашаетесь с нашими условиями и положениями.

Сообщить об ошибке

×

Сохранить на Google Диске

Если у вас есть учетная запись Google, вы можете сохранить этот код на Google Диске.

Google попросит вас подтвердить доступ к Google Диску.

×

Открыть с Google Диска

Если вы сохранили файл на Google Диске, вы можете открыть его здесь:

Result Size: 300 x 150
x
 
<!DOCTYPE html>
<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>
×

Сообщить о проблеме: