HTML images

<img src="url" alt="some_text" />

Kako izgleda slika?

Primjer

https://jsfiddle.net/xzL932q5/​

Zadatak

Radimo skupa

  1. napravi folder html_slike

  2. napravi index.html file

  3. dodaj osnovnu strukturu htmla

  4. dodaj jednu sliku u folder html_slike

  5. dodaj tu sliku u html

  6. otvori stranicu u web browseru

alt

width

height

Lokalno

Hostano

Picture

https://jsfiddle.net/tonkec/7m8opnu3/7/

Figure

https://jsfiddle.net/tonkec/gdxfr6cw/11/

Pogledajmo skupa

https://www.geeksforgeeks.org/difference-between-figure-img-tags-in-html/#:~:text=1.,tag%20can%20only%20insert%20image.

Zadatak

Image as a link, radimo skupa

  • napravi novi folder html_images

  • dodaj jednu sliku hostanu na internetu prema svom izboru u osnovnu html strukturu

  • oko slike stavi <a> element koji će voditi do same slike u novom tabu

Zadaća