top of page

Cilj vježbe:
 

Učenik će razlikovati vrste selektora kod pisanja CSS pravila, moći sintaksno ispravno oblikovati CSS
pravilo pomoću selektora, primijenjivati selektore kod pisanja CSS pravila.
 

Priprema za vježbu:

Zadatak 1: Navedite nazive deset različitih HTML elemenata.
Odgovor:

  • autoplay <audio>, <video>

  • accept <form>, <input>

  • background <body>, <table>, <td>, <th>

  • border <img>, <object>, <table>

  • charset <meta>, <script>

  • cols <textarea>

  • download <a>, <area>

  • headers <td>, <th>

  • reversed <ol>

  • usemap <img>, <input>, <object>

Zadatak 2: Navedite pet različitih (smislenih!) primjera za ime nekog HTML elementa. Može li ime (id) započeti sa brojem?

Odgovor: #Naslov, #Stupac1, #Stupac2, #Podnaslov, #Zaglavlje. ID ne može započeti brojem.

Zadatak 3: Navedite pet različitih (smislenih!) primjera za klasu HTML elemenata. Može li naziv klase započeti sa brojem?

Odgovor: .tablica, .naslov, .podnožje, .podnaslov, .selo. Naziv klase ne može započeti brojem.

Zadatak 4: Navedite pet različitih naziva i njihovih mogućih vrijednosti za atribute oblikovanja teksta.

Odgovor:

  • autoplay <audio>, <video>

  • accept <form>, <input>

  • background <body>, <table>, <td>, <th>

  • border <img>, <object>, <table>

  • charset <meta>, <script>

  • cols <textarea>

  • download <a>, <area>

  • headers <td>, <th>

  • reversed <ol>

  • usemap <img>, <input>, <object>

Zadatak 5: Kako se pišu komentari u HTML kodu?

Odgovor: /*Ovako se pišu komentari!*/

Vježba:

Teorija_1.PNG
Teorija_2.PNG

Riješite četiri vježbe pri dnu stranice:

Zadatak 1:

Zadatak_1.PNG

Zadatak 2:

Zadatak_2.PNG

Zadatak 3:

Zadatak_3.PNG

Zadatak 4:

Zadatak_4.PNG
Teorija_komentari.PNG

PONAVLJANJE I PRAKTIČNE VJEŽBE:

                 1. Riješite zadatke lekcije Osnove CSS-a na sololearn CSS2.

Zadatak 1.2.PNG

                 2. Riješite zadatke prve lekcijeSelectors and visual rules.(Codecademy.com/learn css).

Zadatak 2.2.PNG

© 2021 Ivan Zavorka All rights reserved. Proudly created with Wix.com

  • Facebook
  • YouTube
  • Instagram
bottom of page