Урок 14

Налаштування гіперпосилань за допомогою каскадних стилів. Оформлення кнопок



Підключення зовнішньої таблиці стилів:
<LINK REL = STYLESHEET TYPE = "text / css" HREF="styles.css">

Для текстового посилання:
                  link — стан за замовчуванням, визначає, як повинні виглядати посилання в певній частині документа. За замовчуванням невідвідані посилання мають синій колір.
                  visited — стиль посилання, яка вже переглянуло раніше. За замовчуванням відвідані посилання мають пурпурний колір.
                  hover — стиль посилання, коли курсор миші вказує на посилання.
                  active — стиль посилання, коли воно активується, тобто коли виконується з'єднання з іншим сайтом; це також стиль останнього активованого посилання.

Щоб створити кнопку, досить помістити деякий текст між тегамі <BUTTON> і </BUTTON>, наприклад, от так:

<BUTTON>Це моя кнопка</BUTTON>


Кнопка може містити гіперпосилання:
<a> <BUTTON>Це моя кнопка</BUTTON> </a>

Приклад:
Вигляд сторінки

Файл із кодом


Файл із стилями CSS

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки.

Практичне завдання:
створити веб-сторіку із трьома кнопками 
перша "із написом" - на ресурс в Інтернеті, 
друга - "із рисунком" - на відео в YouTube, 
треття - "із  рисунком та написом" - на довільну інтернет-сторінку.


Немає коментарів:

Дописати коментар