1. Создать не менее 3 HTML-страниц, связанных между собой ссылками, использовать предложенный макет. Ширина основного блока 1000px. Ширину и высоту остальных блоков распределить самостоятельно. Все блоки обозначить цветом, используя CSS. Основной блок выровнять по центру относительно окна браузера. Для сайдбара найти рекламные картинки необходимого размера и разместить их
2. На главной странице в шапке сайта разместить ссылки: главная/новости/регистрация. На странице «новости» разместить информацию новостного характера. На странице «регистрация» разместить форму регистрации, использовать текстовые поля, радио, флажки, меню select, textarea, кнопки «Зарегистрироваться» и «Отменить».
html и css
Ответы
Ответ:
Я думаю картинки вставить свои не проблема
я этого избежал по причине того что это не имеет смысла.
У каждого свои вкусы.
+сом я думаю никому на знаниях не понравятся рекламные Картинки
Объяснение:
Страница 1 - главная страница:
Шапка сайта с логотипом и ссылками на другие страницы (главная, новости, регистрация);
Основной блок с текстом и изображением;
Сайдбар с рекламными картинками.
HTML-код для шапки сайта может выглядеть так:
<header>
<nav>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="news.html">Новости</a></li>
<li><a href="registration.html">Регистрация</a></li>
</ul>
</nav>
<img src="logo.png" alt="Логотип">
</header>
HTML-код для основного блока:
<main>
<h1>Заголовок страницы</h1>
<img src="image.png" alt="Изображение">
<p>Текст страницы</p>
</main>
HTML-код для сайдбара:
<aside>
<h2>Реклама</h2>
<img src="ad1.png" alt="Реклама 1">
<img src="ad2.png" alt="Реклама 2">
</aside>
CSS-код для всех блоков можно написать следующим образом:
header {
background-color: #fff;
border-bottom: 1px solid #ccc;
padding: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
nav ul {
list-style: none;
display: flex;
margin: 0;
padding: 0;
}
nav li {
margin-right: 20px;
}
nav a {
text-decoration: none;
color: #333;
font-weight: bold;
}
main {
width: 1000px;
margin: 0 auto;
background-color: #f1f1f1;
padding: 20px;
}
aside {
width: 200px;
background-color: #ccc;
padding: 20px;
}
img {
max-width: 100%;
height: auto;
}
h1, h2 {
font-size: 24px;
margin-top: 0;
margin-bottom: 10px;
}
p {
line-height: 1.5;
margin-bottom: 20px;
}
Страница 2 - новости:
Шапка сайта с логотипом и ссылками на другие страницы;
Основной блок с новостями;
Сайдбар с рекламными картинками.
HTML-код для основного блока:
<main>
<h1>Новости</h1>
<