1 / 5

Вставлення зображень на веб-сторінку

Вставлення зображень на веб-сторінку. тег < IMG>.

dalia
Download Presentation

Вставлення зображень на веб-сторінку

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Вставлення зображень на веб-сторінку

  2. тег <IMG> Для розміщення малюнків у HTML-документі використовують одинарний тег <IMG>. Він має обов'язковий атрибут SRC, значенням якого є URL-адреса файлу зображення, записана в абсолютній (повністю) або відносній формі (починаючи від поточного каталогу; при цьому ≪батьківський≫ каталог позначають за допомогою двох крапок і слешу (. . /)). Під час відкривання документа браузер завантажує малюнок і відображає його в тому місці документа, де розташований тег <IMG>.

  3. атрибутиWIDTH та HEIGH Графічний об'єкт буде показаний на веб-сторінці у своїх реальнихрозмірах. Якщо є потреба у їх зміні (масштабуванні об'єкта), новірозміри можна задати за допомогою атрибутів WIDTH та HEIGHT,значення яких визначають відповідно ширину та висоту зображенняв пікселах. При цьому необхідно зберегти пропорції малюнка,інакше він матиме вигляд розтягнутого або сплюснутого.

  4. атрибут ALT Слід також пам'ятати, що іноді користувачі відключають відображення графіки у вікні браузера, щоб прискорити завантаження документів. Тому, на випадок, коли малюнка на сторінці не буде, бажано повідомити, що на ньому зображено. Для цього використовують альтернативний текст — більш-менш докладний опис зображення, який задають у тегу <IMG> як значення спеціального атрибута ALT. Якщо браузер не може показати малюнок, він замість нього виводить цей текст.

  5. Приклад <HTML> <TITLE>Малюнок</TITLE> <ВОDYBACKGROUND="flamingo.jpg"> <IMG SRC="2.jpg" WIDTH=300 HEIGHT=200 ALT="Фламінго"> </BODY> </HTML>

More Related