Презентація "Малюнки та гіперпосилання на веб-сторінках."

Малюнки та гіперпосилання на веб-сторінці

Вставляння малюнків. Веб-сторінка стає більш цікавою та наочною, якщо її доповнити малюнками та графічними елементами. Щоб вставити малюнок на веб-сторінку, необхідно скористатися тегом , де img — ім’я тегу, призначеного для вставляння зображення, src="my.jpg" — атрибут, в якому вказується ім’я файла з малюнком. В атрибуті можна використовувати імена графічних файлів із розширенням .jpg, .jpеg, .gif, .png або .bmp. Якщо малюнок і html-файл розташовані не в одній папці, то крім імені файла зазначають шлях до нього.

Вставляння малюнків. Якщо малюнок міститься:• у вкладеній папці images: • у зовнішній папці images: Для визначення способу розташування малюнка на веб-сторінці використовують окремі атрибути тегу. Розглянемо приклад розташування малюнка "pr1.png" на веб-сторінці• малюнок з лівого краю, обтікання текстом праворуч:• відстань між текстом і малюнком по вертикалі 10 пікселів, по горизонталі — 30 пікселів: • опис малюнка: Примітка. Якщо навести вказівник миші на малюнок, з’явиться текст — моє фото. Крім того, значення параметра alt буде виведене на екран замість малюнка, якщо у браузері режим показу малюнків вимкнуто.• ширина малюнка 100 пікселів, висота — 20 % від висоти робочої області браузера: • товщина рамки навколо малюнка 5 пікселів:

Вставляння малюнків

Гіперпосилання. Сайт може складатись із багатьох пов’язаних гіперпосиланнями веб-сторінок, одна з яких є головною. Головна веб-сторінка відкривається першою. Файл головної сторінки називають, як правило, index.html. Для створення гіперпосилань на веб-сторінки сайта та зовнішні ресурси мережі Інтернет використовують тег .... Нехай в одній папці з файлом index.html створено файл prf.html, який містить вашу фотографію. У файлі index.html до фрази Подивитися фото можна додати гіперпосилання, яке матиме такий вигляд: Подивитися фото Як гіперпосилання можна використати малюнок. Для цього треба вказати тег вставляння малюнка:

Гіперпосилання. Мті-код головної веб-сторінки може мати такий вигляд:Перша сторінка
Друга сторінка
Третя сторінка
Під час клацання напису Перша сторінка (Друга сторінка, Третя сторінка) відбудеться перехід за гіперпосиланням. Для повернення на головну сторінку на інших веб-сторінках мають бути відповідні посилання. Наприклад: Головна

Завдання для засвоєння матеріалу. Створити сайт на шкільну тематику (за допомогою програми блокнот). Сайт має містити три сторінки (головну і ще 2 сторінки). На кожній сторінці має бути розміщений малюнок, а також гіперпосилання на кожну іншу сторінку сайту.