11 12 sliki img

 

Пример за вежба:

 

Се прави презентација на ознаката <img /> и начинот на кој се додаваат слики во HTML документ: <img src = “logo.png” />. Се дискутира за атрибутите кои се содржани во ознаката img: src, alt, title, width и height.

 

Вметнување слики од локална дестинација:

 

- Во папката img се зачувуваат слики од интернет (Right click -> Save image as...) Пр: Се симнуваат сликите од темата Музика од Wikipedia.org

 

<img src = “img/muzika.jpg” />

 

Вметнување слики со локација од интернет:

 

-  Се копира локацијата/адресата (URL) на некоја слика од интернет: (Right click -> Copy image address) и со копираната вредност се уредува атрибутот src.

 

<img src = “URL” />

 

-  Во документот index.html се продолжува со додавање слики по желба на ученикот во зависност од избраната тема на Wikipedia.org

 

- Се менува големината на внесените слики со помош на атрибутите width и height.

 

<img src = “img/muzika.jpg” height = “250” />

 

- Се додаваат вредности во атрибутите alt и title:

 

<img src = “img/muzika.jpg” alt = “Слика од Старите Грци која прикажува музичка лекција (ca. 510 BC)” title = “Слика од Старите Грци која прикажува музичка лекција” height = “250” />

 

-  Учениците се запознаваат со различните формати на слики/фотографии/анимации во електронска форма и нивните соодветните екстензии: GIF, PNG, SVG, JPG/JPEG, WEBP.