Урок 14

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

Підключення зовнішньої таблиці стилів:

<LINK REL = STYLESHEET TYPE = "text / css" HREF="styles.css">

Для текстового посилання:

•                  link — стан за замовчуванням, визначає, як повинні виглядати посилання в певній частині документа. За замовчуванням невідвідані посилання мають синій колір.

•                  visited — стиль посилання, яка вже переглянуло раніше. За замовчуванням відвідані посилання мають пурпурний колір.

•                  hover — стиль посилання, коли курсор миші вказує на посилання.

•                  active — стиль посилання, коли воно активується, тобто коли виконується з'єднання з іншим сайтом; це також стиль останнього активованого посилання.

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

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

Кнопка може містити гіперпосилання:

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

Приклад:

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

Файл із кодом

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

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

Практичне завдання:

створити веб-сторіку із трьома кнопками 

перша "із написом" - на ресурс в Інтернеті, 

друга - "із рисунком" - на відео в YouTube, 

треття - "із  рисунком та написом" - на довільну інтернет-сторінку.

папка із значками