+
+
+
☰
+
+
+
Osnove HTML-a
Osnove CSS-a
Osnove Java Scripta
HTML primeri
CSS primeri
Java Scripta primeri
Ucite kroz vezbe i primere
Kliknite za izbor teksta
Uputstvo_za_korišćenje_programa
1. Uputstvo_za_korišćenje_programa
Najkraće_o_web_dizajnu
2. Najkraće_o_web_dizajnu
Najkraće_o_web_sajtovima
3. Najkraće_o_web_sajtovima
Šta_je_HTML
4. Šta_je_HTML
Osnovna_struktura_html_fajla
5. Osnovna_struktura_html_fajla
Kako_da_HTML_fajl_bude_web_stranica
6. Kako_da_HTML_fajl_bude_web_stranica
Moja_prva_web_strana
7. Moja_prva_web_strana
Rad_sa_tekstom
8. Rad_sa_tekstom
Liste
9. Liste
Tabele
10. Tabele
Specijalni_simboli
11. Specijalni_simboli
Rad_sa_slikama
12. Rad_sa_slikama
Galerija_slika
13. Galerija_slika
Linkovi
14. Linkovi
Slike_kao_linkovi
15. Slike_kao_linkovi
Mapiranje_slika
16. Mapiranje_slika
Forme
17. Forme
Elementi_forme
18. Elementi_forme
Atributi
19. Atributi
<html> <head> <style> body { font-size:25px;padding:10px; } h1 { font-size:35px; } img { padding:10px; } </style> </head> <body> <h1>GALERIJA SLIKA</h1> Ako želite prikaz slika u obliku galerije onda se može kombinovati tabela sa slikama i na taj način dobiti željeni prikaz. Kako to praktično izgleda možete videti na sledećem primeru: <center> <table> <tr> <td><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/austin-fireworks.jpg" width="200px" height="150px" ></td> <td><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/austin-fireworks.jpg" width="200px" height="150px" ></td> <td><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/austin-fireworks.jpg" width="200px" height="150px" ></td> </tr> <tr> <td><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/austin-fireworks.jpg" width="200px" height="150px" ></td> <td><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/austin-fireworks.jpg" width="200px" height="150px" ></td> <td><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/austin-fireworks.jpg" width="200px" height="150px" ></td> </tr> <tr> <td><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/austin-fireworks.jpg" width="200px" height="150px" ></td> <td><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/austin-fireworks.jpg" width="200px" height="150px" ></td> <td><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/austin-fireworks.jpg" width="200px" height="150px" ></td> </tr> </table> Pogledajte u levom prozoru kako se postiže prikaz u desnom prozoru. <br> <br> </body> </html>