🎯 Мета:
Закріпити на практиці три основні способи підключення CSS:
- Inline-стилі
- Вбудовані стилі через тег <style>
- Зовнішній CSS-файл через <link>
🛠️ Завдання:
Створи HTML-сторінку з іменем profile.html, яка буде відображати уявний профіль користувача:
🧱 Структура:
- Заголовок сторінки: Профіль користувача
- Фото (можна просто вставити <img src="https://via.placeholder.com/150">)
- Ім'я користувача (заголовок h1)
- Коротка інформація (параграфи)
- Список навичок (використати список <ul> або <ol>)
- Посилання на соцмережі (використати <a>)
🖌️ Стилізація:
- Inline-стилі:
- Використай inline-стилі для одного з параграфів або заголовку (наприклад: style="color: blue").
- Вбудовані стилі через тег <style> у <head>:
- Стилізуй фото (наприклад, зробити його круглим).
- Задай фоновий колір сторінки та відступи для контейнера.
- Зовнішній CSS-файл:
- Створи окремий файл style.css і підключи його через тег <link>.
- У файлі стилизуй список навичок та посилання (кольори, ховери, відступи).
📂 Структура проєкту:
/project-folder/ │ ├── profile.html ├── css/ │ └── style.css
✅ Додатково (не обов’язково):
- Використай псевдокласи :hover для посилань.
- Створи альтернативну тему стилів через style2.css і спробуй підключити її через @import.