Використання зображень у веб-документах. Розміщення та відтворення на веб-сторінках мультимедійних даних. Формати аудіо- та відеофайлів. 

Формат GIF (.gif)

Формат GIF (Graphics Interchange Format — формат обміну графічними даними) почали використовувати з 1987 року для обміну малюнками через канали зв'язку глобальної мережі. Він зберігає зображення, що можуть містити не більш ніж 256 кольорів, і не залежить від апаратного забезпечення комп'ютера. Окрім цього, під час завантаження таких файлів на веб-сторінку може бути використаний режим interlaced (рядки малюнка відображаються через один). Ця технологія дає змогу побачити приблизний вміст картинки до її повного відтворення і в разі необхідності скасувати завантаження.

У GIF-файлах можна зробити один чи більше кольорів прозорими: вони будуть невидимими у вікні браузера та деяких інших програм. Також є можливість зберігати в одному файлі кілька кар¬тинок, задавши час показу кожної, тобто застосовувати анімацію. На сьогодні фахівцями розроблено чимало готових анімаційних GIF-файлів, які можна використовувати на своїх веб-сторінках.

Формат PNG (.png)

Формат PNG (Portable Network Graphic — переносні мережні графічні дані) є одним із перспективних форматів графіки для Інтернету, який створено з метою заміни GIF.

Формат PNG забезпечує високу якість графіки та прийнятні розміри файлів. Зображення може зберігатися як у реальних кольорах, так і в 256-колірній GIF-палітрі.

Формат JPEG (.jpg)

Формат JPEG (Joint Photographic Experts Group — об'єднана гру¬па експертів у галузі фотографії) був створений для того, щоб позбутись обмежень, властивих формату GIF.

Два попередніх формати орієнтовані на рисовану і креслену графіку. Формат JPEG призначений для збереження повноколірних реалістичних фотозображень. Він має потужні засоби для стиснення зображень, щоправда шляхом зниження їхньої якості.

JPEG-зображення зберігаються у файлах із розширенням .jpg. Оскільки цей формат спеціально розробляли для збереження ілюстрацій, що містять велику кількість кольорів, він є найприйнятнішим для деяких типів графічних даних. Це кольорові фотогра¬фії, графічні дані з градієнтним заповненням частин зображення, фотознімки з відтінками одного кольору тощо.

Розміщення та відтворення на веб-сторінках мультимедійних даних. Формати аудіо- та відеофайлів 

<video> </video>

Завдання "Фотогалерея" 

При клацанні будь-якої із заданих фотографій здійснюється перехід на сайт "Вікіпедія".

1. В папку images завантажте три довільні фотографії формату jpg із зображенням міст та задайте їм імена f1.jpg, f2.jpg, f3.jpg.

2. Реалізуйте код та збережіть його у папці Урок з іменем Тема.html

3. Додайте зображення міста Львів та гіперпосилання так, щоб клацання на це зображення відкривало сайт Львівської ОДА.

4. Додайте зображення міста Київ та гіперпосилання так, щоб клацання на це зображення включало фонову музику про це місто.