|
| WM-копілка |
|
 |
|
|
|
| Статистика |
|
Онлайн всього: 1 Гостей: 1 Користувачів: 0 |
|
|
|
 | |  |
|
Вставлення зображень на веб-сторінку
Для розміщення малюнків у HTML-документі використовують оди
нарний тег <IMG>. Він має обов'язковий атрибут SRC, значенням
якого є URL-адреса файлу зображення, записана в абсолютній
(повністю) або відносній формі (починаючи від поточного катало
гу; при цьому «батьківський» каталог позначають за допомогою
двох крапок і слешу (. . /)). Під час відкривання документа брау
зер завантажує малюнок і відображає його в тому місці докумен
та, де розташований тег <IMG>.
Графічний об'єкт буде показаний на веб-сторінці у своїх реальних
розмірах. Якщо є потреба у їх зміні (масштабуванні об'єкта), нові
розміри можна задати за допомогою атрибутів WIDTH та HEIGHT,
значення яких визначають відповідно ширину та висоту зображен
ня в пікселах. При цьому необхідно зберегти пропорції малюнка,
інакше він матиме вигляд розтягнутого або сплюснутого.
Слід також пам'ятати, що іноді користувачі відключають відобра
ження графіки у вікні браузера, щоб прискорити завантаження
документів. Тому, на випадок, коли малюнка на сторінці не буде,
бажано повідомити, що на ньому зображено. Для цього викори
стовують альтернативний текст — більш-менш докладний опис
зображення, який задають у тегу <IMG> як значення спеціально
го атрибута ALT. Якщо браузер не може показати малюнок, він
замість нього виводить цей текст.
Розглянемо HTML-документ, в якому використаємо малюнок fla-
mingo.jpg, де зображено фламінго. У тегу <IMG> задамо атрибути
WIDTH,HEIGHT та ALT.
<HTML>
<TITLE>Малюнок</TITLE>
<ВООУ BACKGROUND="flamingo.jpg">
<IMG SRC="2.jpg" WIDTH=300 HEIGHT=200 ALT="Фламінго">
</BODY>
</HTML>
Ha рис. 3.6 показано, який вигляд має ця веб-сторінка у вікні
браузера. Після наведення вказівника миші на малюнок альтер
нативний текст відображається у спливаючому вікні .
У режимі відключення графіки буде показано лише порожню рам
ку зображення з альтернативним текстом.
|
| Категорія: Графіка, аудіо- та відеоінформація на веб-сторінках | Додав: Farengeit (2012-02-26)
|
| Переглядів: 2080
| Рейтинг: 0.0/0 |
| |
 | |  |
|
|
Головна