Верстка веб-страницы

CSS-стилизация

<style>
/* Общие стили для страницы */
body {
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
} 
header { 
  text-align: center; 
  margin-top: 20px; 
} 
h1 { 
  font-size: 36px; 
} 
/* Стили для изображений */
.images {
  display: flex;
  justify-content: space-evenly;
  margin: 20px 0;
} 
.images img { 
  max-width: 30%;
  height: auto;
} 
.rotated { 
  transform: rotate(-90deg); 
} 
/* Стили для основной части текста */
.text-content { 
  text-align: left; 
  margin: 20px; 
} 
h2 { 
  font-size: 24px; 
} 
p { 
  font-size: 16px; 
  line-height: 1.5; 
} 
footer { 
  text-align: center; 
  margin: 40px 0; 
} 
button { 
  background-color: black; 
  color: white; 
  padding: 10px 20px; 
  border: none; 
  cursor: pointer; 
  font-size: 18px; 
}
button:hover { 
  background-color: gray; 
} 
</style>

Объяснение кода:

1. HTML: - Используем контейнеры для изображений (с помощью тега \`div\`)

CSS отвечает за внешний вид страницы: цвета, шрифты, выравнивание, стили кнопок и т. д. Вот примерный CSS-код для стилизации:

/* Стиль для заголовков */
h1 {
    color: blue;
    font-size: 24px;
}

/* Стиль для кнопок */
button {
    background-color: green;
    color: white;
    border-radius: 5px;
    padding: 10px;
}