WebUniverseПосилання та картинки
Пояснення:
Використання посилань із зображеннями
Можна замість тексту посилання вставити картинку як видно нижче
Позиціонування на сторінці із посиланням та картинками
Використовуємо посилання з картинками по різних сторонах сторінки
Використовуємо посилання на картинку, щоб побачити її повний розмір
За допомогою стилізації CSS, забираємо підкреслення посилання та ставимо колір фону
Забрати підкреслення посилання можна за допомогою властивості text-decoration:none;
Стилізація CSS - псевдокласи для посилань(<a></a>)
Псевдоклас в CSS стилях – це ключове слово, яке при додаванні до тегу(селектора) визначає його особливий стан.
- псевдоклас для визначення стану посилання при натисканні на нього
- псевдоклас для визначення стану посилання при його виборі
- псевдоклас для визначення стану посилання при наведенні на нього курсора
Створення кнопки:
Використовуючи програму Paint 
створимо свою кнопку - для посилання, яку можна буде використати у своїх проєктах.
Першим ділом - знаходимо цю програму на комп'ютері, та відкриваємо
Таблиця:
| № | Тема | Приклад коду | Підсумок |
|---|---|---|---|
| 1 | Клік на зображення через посилання | | Можна обгорнути <img> у <a>, щоб клік по картинці відкривав посилання. |
| 2 | Псевдоклас :hover | | :hover застосовується, коли курсор миші наведений на елемент. |
| 3 | Псевдоклас :active | | :active застосовується у момент кліку на елемент. |
| 4 | Псевдоклас :focus | | :focus застосовується, коли елемент отримує фокус (клавіатурою або мишкою). |
| 5 | Вирівнювання тексту (text-align: center) | | text-align: center вирівнює текст або інші елементи по центру горизонтально. |
build info
- compiler
- 2.0.5.1 · 4054EF9BF6C4510A
- built
- 2026-11-08 14:31:25 UTC