Theory Flashcards
Sta oznacava skracenica HTML?
Hyper Text Markup Language
Sta je HTML?
Standardizovani markerski jezik za kreiranje veb stranica (opisuje veb stranice)
Ko je izumeo HTML i kada?
Tim Berners-Lee 1991 godine
Sta podrazumeva dizajniranje stranice?
Raspored komponenti i elemenata u okviru veb stranice.
Za dizajniranje veb stranice se koriste koje grupe elemenata?
BLOK - elementi i IN-LINE elementi
Sta su BLOK - elementi?
elementi koji zauzimaju celokupan definisani prostor bez obzira na stepen popunjenosti
Sta su IN-LINE elementi?
zauzimaju samo onaj prostor unutar stranice koji je potreban za prikazivanje popunjenog elementa
Sta su HTML atributi?
Modifikatori koji omogucavaju specificiranje dodatnih informacija o HTML elementu ili tag-u
Kome je moguce dodeliti atribut?
bilo kom elementu i/ili tagu i time promeniti njegovo podrazumevano ponasanje
Kako se atributi dele?
Na globalne i atribute dogadjaja
Sta su globalni atributi?
Primenljivi na sve HTML elemente, mada se na nekim elementima njihov efekat ne ispoljava
Sta su atributi dogadjaja?
Reakcija pretrazivaca na neku akciju korisnika. U tom slucaju pretrazivac prikazuje informacionu poruku
Najcesce korisceni globalni atributi?
-id, -title, -style, -class
Najcesci atributi dogadjaja?
Prozor, forma, tastatura, mis, klipboard, medije i ostalo
Sta je windows event atribut?
Skup dogadjaja povezan sa otvaranjem nekog od resursa stranice.
Ko generise windows event atribut?
Pretrazivac.
Koji su obicajni prozori dogadjaja?
onload, onresize, onerror
Upotreba onload dogadjaja prozora je podrzana za koje tagove?
<body>, <frame>, <frameset>,<iframe>,<img></img><inputtype="image">,<link></link>,
<script> , i <style> </script></iframe></frameset></frame></body>
Onresize dogadjaj prozora se moze desiti samo sa kojim tagom?
<body>, akrivira se kada dodje do promene velicine osnovnog prozora veb stranice
</body>
Tagovi koji podrzavaju error dogadjaj?
<img></img>, <input></input>,<object>,<link></link> and
</object>Kada se onerror dogadjaj aktivira?
Ako pretrazivac detektuje neku od mogucih gresaka prilikom punjenja nekog od spoljasnjih elemenata stranice (datoteke)
Dogadjaji misa su vezani za?
Detekciju dogadjaja misa, dogadjaj generise pretrazivac
Dogadjaji misa koji su podrzani u HTML-u su?
onclick, ondblclick, onmousedown, onmouseup, onmousemove, onmouseout, onmouseover, onwheel
Onclick-dogadjaj mise se moze koristiti u?
svim html elementima osim; <base></base>,<bdo>,<br></br>,<head>,<html>,<iframe>,<meta></meta>,<param></param>,
,<style> i <title></title></style></bdo>
Onmouseover i onmouseout se aktiviraju?
Ako pretrazivac detektuje nailazak/silazak potrazivaca misa na/sa elementa stranice
Osnovni delovi strukture html koda?
preambula <!DOCTYPE html>
blok dokument <html></html>
blok deklaracije <head></head>
blok sadrzaj <body></body>
Osnovne karakteristike <!DOCTYPE>?
-Sluzi za definisanje tipa dokumenta i pomaze pretrazicacima da sadrzaj stranice korektno prikazu
-Mose se pojaviti samo jednom na pocetku veb stranice, pre bilo kog drugog HTML taga
- Moze se pisati velikim i/ili malim slovima
Osnovne karakteristike blok dokumenta <html>?
<html> je korenski element i definise celokupan HTML dokument
</html>
Osnovne karakteristike <head> tag-a?
<head> kontejner metapodataka (podaci o podacima) koji se odnose na zajednicke elemente dokumenta
</head>
Koji su html meta tagovi?
DOCTYPE, title, link, meta i style
HTML link- tagovi
<a> i <base></base></a>
HTML Link - tag?
<a> i <base></base></a>
HTML tagovi za slike i objekte?
<img></img>, <area></area>, <map>, <param></param> i <object></object>
HTML tagovi za liste?
<ul> <ol> <li> <dl> <dt> i <dd>
</dd></dt></dl></li></ol></ul>
Prilikom ugnezdavanje liste, sadrzanu listu je potrebno?
specificitati unutar elementa liste (li) a ne unutar liste (ul, ol)
HTML tagovi za tabele?
<table> <tr> <td> <th> <tbody> <thead> <tfoot> <col></col> <colgroup> <caption>
</caption></colgroup></tfoot></thead></tbody></th></td></tr></table>
HTML tagovi vezani za forme?
<form> <input></input> <textarea> <select> <option> <optgroup> <button> <label> <feildset> i <legend>
</legend></feildset></label></button></optgroup></option></select></textarea></form>
Tekstualni element u sklopu veb stranice oslanja se na?
- raspolozivi skup karaktera (character set)
- tagove i njihove atribute koji sluze za formatiranje texta
- paragrafe
- sekcije
- fontove
Karakteristike HTML paragraf <p> elementa uvek pocinje?
- u novom redu na stranici i obicno predstavlja blok od vise linija teksta. pretrazivaci automatski dodaju prazan prostor pre i posle paragrafa
- nacin prikazivanja sadrzaja paragrafa varira od uredjaja do uredjaja
- formatizacija bloka teksta nije moguca unosenjem praznih mesta (brauzer ih sam uklanja)
Sta je prazni tag?
Tag koji ne zahteva zavrsni tag
Primer praznog taga?
<hr></hr>
<br></br>
Predformatizovani sadrzaj <pre> prikazuje se?
- onako kako je unet. velicina fonta je fiksna kao i tip fonta
- form je <pre> blok linija teksta </pre?
Style atributi se koriste?
Unutar bilo kog tag-a i omogucava definisanje nacina prezentacije elementa stranice koji je tim tag-om opisan
Primeri style atributa?
boja pozadine, boja teksta, poravnavanje teksta, vrsta slova, velicina slova
Najcescni nacin ukljucivanja ikonica je uz oslonac na?
<i> i <span> html elemente</span></i>
Koja su dva osnovna formata slike?
- rasterske (skup tacaka - piksela, zavise od rezolucije)
- vektorske (bazirane na matematickim transformacijama krivih - analiticka geometrija u ravni, ne zavisi od rezolucije)
Format rastresitih slika?
JPG, PNG, TIFF, GIF
Format vektorskih slika?
SVG (scalable vector graphics)
Osnovne karakteristike JPEG formata?
JPEG je skracenica za :Joint Photographic Experts Group
- najzastupljeniji kod digitalnih fotoaparata i kamera. Moguce ga je koristiti za on-line virtualizaciju i stampanje
- koristi kompresiju kod koje dolazi do gubitka kvaliteta uskladistene slike
Prednost vektorskog formata slike?
- skalabilnost
- malo zauzece prostora
- jednostavno uredjivanje (boje, oblic, velicine, sl.)
Primena vektorskog formata slike?
- vektorski format se koristi kad god je potrebno kreiranu sliku koristiti u sirokom rasponu fizickih velicina (npr logo)
- druge uobicajne proimene obuhvataju: ikonice, tipografski i dizajn slova, sablone i digitalnu ilustraciju
Sliku skladistenu na nekom spoljasnjem nosiocu je moguce ukljuciti u strukturu veb stranice upotrebom?
praznog taga <img></img>
Najcesce korisceni atributi za uredjivanje slika su?
-alt - alternativni teksualni prikaz u slucaju da slika ne bude napunjena prilikom inicijalizacije strane
- width
- height
-border
Koji element dozvoljava definisanje familije skila koje se koriste za responsive design?
<picture>
</picture>
Sta CSS predstavlja?
jednostavni dizajnerski jezik cija je osnovna namena pojednostavljivanje procesa kreiranja prezentacije sadrzaja veb stranica
Od kojih elemenata se formira <picture>?</picture>
jednog ili vise <source></source> taga i jednog ili vise <img></img> taga
CSS je skracenica za?
Cascading Style Sheet
Karakteristike CSS-a?
- Opisuje kako ce se HTML elementi prikazati na ekranu ili drugim elementima
- Moguce je kontrolisati vise stranica
- CSS se cuva u nezavisnim datotekama
Tri nacina koja se koriste za ukljucivanje CSS specifikacije u HTML doc?
- unutar taga HTML elementa (in-line spec)
- u zaglavlju (header)
- u skolu nezavisnih .css datoteka (external)
Koji selektori postoje u CSS-u?
Element selektor
ID selektor
Class selektor
Universal selektor
Group selektor
Descendent selektor
Sta je element selektor?
Koristi naziv elementa za prepoznavanje objekta na koji se primenjuju prezentacioni atributi definisani stilom
sta je id selektor?
koristi indetifikator (id) elementa za prepoznavanje objekta na koji se primenjuju prezentacioni atributi sa stilom
Sta je class selektor?
Koristi namenski class atribut objekta na koji se prepoznavanje objekta na koji se primenjuju prezentacioni atributi sa stilom
Universal selector (*) selektor?
se odnosi na sve elemente stranice
Group selector?
Omogucava indentifikaciju vise elemenata sa istim stilom prezentacije (smanjuje kolicinu koda za pisanje)
Descendent selektor?
Koristi se za stilizovanje ugnjezdenih elemenata
CSS margine se koriste?
Za kreiranje prostora oko elementa, van njegove definisane bordure
Osnovne karakteristike CSS margina?
- gornja
-donja
-leva
-desna
-inherit
-auto
-margin
CSS ispuna ili padding?
se koristi za definisanje prostora oko sadrzaja elementa, unutar definisanih bordura
Primer CSS ispuna (padding)?
- kontrola udaljenosti tekstualnog dela od ivice box-a
- kontrola pozicioniranja teksta unutar button-a
Boja teksta u CSS su se definisu upotrebom?
- imena boje
- heksadecalnom vrednosti
- RGB spec
-RGBA spec
