Графічні зображення (фотографії, картинки тощо) зберігаються на серверах в окремих файлах з розширеннями bmp, jpg, gif та іншими і відображаються на Web-сторінці за допомогою команди, що описується одинарним тегом <IMG> з параметрами:
<IMG SRC ="адреса графічного файлу" ALT = "альтернативний текст" ALIGN ="left" WIDTH =240 HEIGHT =200>
Обов’язковим є лише перший параметр SRC. Альтернативний текст – це текст, який виводитиметься замість картинки, якщо браузер не може прийняти графічний файл або якщо режим відображення графіки вимкнено. Параметр ALIGN задає місце розташування картинки на екрані, а параметри WIDTH і HEIGHT – її розміри за шириною і висотою в пікселах або відсотках сторінки.
Зображення можна подати у рамці (що рекомендують робити), якщо його використовуватимуть як гіперпосилання. Для створення рамки навколо зображення призначений параметр BORDER ="товщина рамки в пікселах".
Праворуч і ліворуч від картинки, яку обтікає текст, можна зробити вільний простір: HSPACE = "кількість пікселів". Можна створити вільний простір також над і під рисунком: VSPACE = "кількість пікселів".
За допомогою тега IMG можна вставити також відеофільм, який запускатиметься в момент відкриття Web-сторінки:
<IMG DYNSRC ="адреса відео-файлу" >.
Адреси файлів
Для доступу до файлів на локальному диску використовують протокол доступу file: “file:///диск:/ шлях до файлу".
Наприклад, "file:///d:/МоиВеб/page1.htm". Назву протоколу можна інколи не писати, наприклад, SRC="c:/Рисунки/Саша.bmp".
Якщо графічні чи інші файли є в тому ж каталозі, що й головний html-файл, то достатньо зазначити лише назву файлу, наприклад, SRC= "Саша.bmp". Якщо файл є в деякому каталозі images, але в тому ж надкаталозі, то шлях до нього можна подати так: "../images/myfoto.gif". Отже, тег IMG може мати, наприклад, такий вигляд:
<IMG SRC ="MyFoto.bmp" ALT= "Моє фото" ALIGN ="left" WIDTH= 180 HEIGHT= 200 >
Додання гіперпосилань
Гіперпосилання є двох різновидів: 1) на файл; 2) на деяке місце на даній сторінці: початок сторінки (top), кінець сторінки (bottom), на позначений текст.
Гіперпосилання вставляють за допомогою парного тега <А>...</А> з параметром HREF = "адреса файлу". Тут замість адреси можуть стояти слова top чи bottom чи текст, що є позначкою.
Гіперпосиланням може бути текст або деяке графічне зображення. Розглянемо випадок, коли гіперпосиланням є текст. Нехай фразу "Про себе" (див. текст файлу file1.htm) потрібно зробити гіперпосиланням на файл "file2.htm", що містить додаткові відомості. Це можна зробити так:
<А HREF = "file2.htm"> Про себе докладніше </А>.
У результаті цього на Web-сторінці слова Про себе докладніше буде підкреслене і зображене іншим кольором. Колір гіперпосилання визначається у тезі BODY параметром LINK = "колір".
Розглянемо другий тип гіперпосилань – посилання в межах сторінки (їх ще називають закладками). Якщо потрібно з деякого місця веб-сторінки перейти до її початку, то в тексті коду в цьому місці потрібно вставити <А HREF ="#top’’ > текст гіперпосилання </А>. Аналогічно при необхідності переходу в кінець веб-сторінки використовують тег:
вставити <А HREF ="#bottom’’ > текст гіперпосилання </А>.
Для переходу в деяке інше місце, вводять тег, який називається якорем. Якір можна „кинути” в будь-якому місці тексту за допомогою того ж тега <А>...</А> з параметром NAME="#мояпозначка">:
<А NAME="#мояпозначка"> Як я вчусь </А>.
Далі на сторінці розміщують гіперпосилання на створені позначки (якори):
<А HREF ="#top" або "#bottom’’ або "#мояпозначка" > текст гіперпосилання </А>.
Якщо одна сторінка займає декілька екранів, то в кінці сторінки доречно вставити гіперпосилання для переходу на її початок, наприклад, так:
<А HREF=="#top" > на початок </А>.
