====== Застосування гіпертекстових, графічних, анімаційних та мультимедійних елементів на веб-сторінках ======
HTML - це мова розмітки за допомогою тегів. Тобто, HTML документ буде складатися з деякої групи елементів, де кожен елемент буде визначатися (починатися та закінчуватися) певним тегом (Для деяких елементів кінцевий тег не є обов'язвовим)
Тобто, тег — це назва елементу, записана у кутових дужках (< >)
Кожен HTML тег має свою унікальну назву з визначеним синтаксисом, яка записується латинськими літерами і не чутлива до регістру.
===== html теґ =====
HTML теґ '''' створює посилання на іншу сторіку (Зовнішне посилання) або на певний елемент цієї сторінки (Внутрішне посилання).
Найбільш важливим атрибутом '''' є атрибут ''href'', який, власне, і вказує місце, куди буде посилатися створене посилання. В якості значення атрибута href використовується адреса документа (URL, Universal Resource Locator, універсальний покажчик ресурсів), на який відбудеться перехід
Оформлення посилань в CSS використовуються наступні псевдокласи:
* ''a:link'' оформлення не переглянутого досі посилання
* ''a:visited'' уже переглянутого посилання
* ''a:hover'' посилання на яке наводять курсор
* ''a:active'' активного посилання (при натисканні)
{{ https://css.in.ua/uploads/109/html/f383bace73c21f3f205fa1fcb99c9a2e-1553942718.png?nolink }}
Пов'язана сторінка зазвичай відображається в поточному вікні браузера, якщо ви не вкажете інакше значення атрибуту ''target''.
Використовуйте CSS для стилізації посилань.
Наступні атрибути: ''download'', ''hreflang'', ''media'', ''rel'', ''target'' та ''type'' не можуть бути присутніми, якщо атрибута ''href'' немає.
Посилання можуть бути абсолютними та відносними. Абсолютні адреси працюють скрізь і всюди незалежно від імені сайту чи веб-сторінки, де прописане посилання. Відносні посилання, як випливає з їх назви, побудовані відносно поточного документа або кореня сайту.
Приклад:
...
===== html теґ ![]()
=====
Теґ ''![]()
'' призначений для відображення зображення на Web-сторінці (формати зображень gif, jpeg, png та інші).
Теґ ''![]()
'' має два обов'язкові атрибути атрибути:
* ''src'' використовується для завантаження зображення, а саме вказує шлях до зображення від файлу HTML.
* ''alt'' задає альтернативний текст для випадку, коли картинка не завантажилась або у клієнта є обмеження на обсяг завантаженн.
Зображення також можуть застосовуватися в якості карт-зображень, коли картинка містить активні області, що виступають в якості посилань. Така карта на вигляд нічим не відрізняється від звичайного зображення, але при цьому воно може бути розбита на невидимі зони різної форми, де кожна з областей служить посиланням.
Щоб зробити картинку посиланням на інший документ, просто вставте теґ ''![]()
'' в теґ ''''.
По можливості вказуйте атрибути ''width'' і ''height'' - це дозволяє браузеру заздалегідь зарезервувати місце в макеті сторінки і браузер не буде сам остійно розраховувати розмір картинки, що позитивно позначається на швидкості завантаження сторінки. Вказавши ці атрибути, ви убезпечете свою сторінку від різких змін її макету (Коли зображення не завантажено місце в макеті для нього не зарезервоване, тому, що браузер не знає яку площу для нього потрібно зарезервувати, а як тільки зображення завантажене і браузер розрахував його розмір - зображення відразу з'являється на сторінці, зсовуючи всі елементи).
Не змінюйте розмір картинки атрибутами ''width'' і ''height'' - це спотворює зображення і не впливає на його вагу, використовуйте для таких цілей спеціальні редактори чи змінюйте розмір картинки на стороні сервера.
**Приклад**
