Прошу допоможіть терміново !!!! даю 100 балів
Створити вебсайт (пов'язані посиланнями вебсторінки) з трьох файлів. За бажанням стилізувати
Тексти посилань такі:
Про мене
Моє хобі
Мій кумир
Ответы
Ответ:
1. Створіть новий файл з розширенням
.html (наприклад, 'index.html) i відкрийте його у текстовому редакторі.
2. Додайте базову структуру HTML- сторінки:
<!DOCTYPE html>
<html>
<head>
<title>Мій вебсайт</title>
<link rel="stylesheet" type="text/css" href="styles.css"> <!-- Підключення CSS-стилів -->
</head>
<body>
<header>
<h1>Мій вебсайт</h1>
</header>
<nav>
<ul>
<li><a href="about.html">Про мене</a></li>
<li><a href="hobby.html">Моє хобі</a></li>
<li><a href="idol.html">Мій кумир</a></li>
</ul>
</nav>
<main>
<h2>Ласкаво просимо на мій вебсайт!</h2>
<p>Тут ви знайдете інформацію про мене, моє хобі та мого кумира.</p>
</main>
<footer>
<p>© 2023 Мій вебсайт. Усі права захищені.</p>
</footer>
</body>
</html>
3. Створіть три нові файли з
розширенням.html': 'about.html, `hobby.html Ta idol.html`.
4. В кожен з цих файлів вставте вміст, що
відповідає відповідним посиланням.
Наприклад, в 'about.html Ви можете
написати інформацію про себе, в
'hobby.html про ваше хобі, а в
'idol.html про вашого кумира.
5. Створіть новий файл з розширенням .css (наприклад, 'styles.css) відкрийте його у текстовому редакторі.
6. Додайте СЅЅ-стилі для посилань:
nav ul {
list-style-type: none;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 10px;
}
nav ul li a {
text-decoration: none;
color: #000;
font-weight: bold;
}
nav ul li a:hover {
color: #ff0000;
}
7. Збережите файл
Объяснение:
.