top of page

VJEŽBA 6: HTML STILOVI, POVEZNICE I SLIKE

CILJ VJEŽBE: Učenik će moći primijeniti stilove i boje na osnovne elemente prilikom uređivanja teksta, moći koristiti različite načine označavanja boja, koristiti element za označavanje poveznica, ugraditi sliku u stranicu.

PRIPREMA:

1. Na koje se načine u HTML-u mogu naznačiti boje (navedite bar tri različita načina)? Navedite pet različitih imena    boja. 

 Boje se mogu označavati Heksadecimalno (#A4A4A4), RGB vrijednostima(255,255,255), regularnim nazivom boje.

2.  Što znači kratica CSS? Za što se koristi CSS?

 CSS(Cascading Style Sheets) - markup jezik koji se koristi za uredivanje HTML-a. Također, objašnjava kako bi HTML element trebao biti prikazan.

3. Kako se koristi ¨inline¨ CSS? 

 Line se koristi dodavanjem style atributa u HTML.

4. Što su poveznice? 

 Poveznice su pojmovi koji označavaju vezu između dvije web stranice.

VJEŽBA:

ZADATAK 1. Stilovi boja (u zadacima koristite najmanje dva načina označavanja boja)

 

A. Napravite stranicu na kojoj će biti dva teksta sa dva podnaslova o proizvoljnoj temi, proizvodu ili predmetu: prvi će tekst govoriti o dobrim osobinama, nosit će podnaslov „Prednosti:“ i bit će napisan crnim tekstom na bijeloj pozadini, drugi dio teksta treba nositi podnaslov „Nedostaci:“ i govoriti o nedostacima bijelim tekstom na crnoj pozadini. U svakom odlomku treba biti bar četiri retka teksta.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

B. Napravite stranicu na kojoj ćete uokvireno jedno ispod drugog ispisati nazive godišnjih doba u bojama tipičnim za pojedino godišnje doba. Upotrijebite boje za pozadinu tekstova, za tekstove i za okvire. Boje birajte tako da svi tekstovi budu čitljivi.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ZADATAK 2. HTML poveznice

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ZADATAK 3. HTML slike 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

!!!!!!LINK NA DATOTEKE IZ OVE VJEŽBE!!!!!!

 

 

1.PNG
2.PNG
zad1b.PNG
zad1b1.PNG
zad21.PNG
zad2.PNG
Capturezad3.PNG
zasd3.PNG

© 2020 by Patrik Klarić. 2.A. Tehnička škola Ruđera Boškovića

bottom of page