DIzajn veb strana VEZBE Flashcards
<!–
otvaranje komentara u html
html
prvi tag koji se pise u htmlu i on se deli na 2 celine “head” i “body”
FRONT END
Deo web aplikacije - ono sto je vidljivo samom korisniku prilikom pristupanja stranici
head
deo stranice “glava” stranice je deo u kome necemo imati puno sadrzaja koji je vidljiv
na samoj stranici vec cemo ovde dodeljivati neke informacije o samoj web stranici uz pomoc
“meta” tagovi koji nam omogucavaju da dodelimo informacije kao sto su npr autor, sadrzaj, opis,
tagovi koji su vezani za sajt itd … - ovo su informacije koje su bitne da bi nasa stranica bila
indeksirana na google-u kada je obilaze web crawleri ( botovi za indeksiranje stranica )
<title>
</title>
predstavlja tag koji nam govori koji ce tekst biti prikazan u browseru u tabu
za nasu stranicu ( OVAJ TAG JE OBAVEZAN ZA SVAKU STRANICU )
body
telo stranice => deo koji predstavlja sadrzaj koji ce biti vidljiv u samom prozoru browsera
Unutar body taga mozemo imati vise razlicitih html tagova koji se odnose na
1) tekstualne podatke
2) slike
3) forme
4) Tabele
p
paragraf - Koji predstavlja jedan
pasus teksta na nasoj stranici
h
heading - tagovi
koji mogu biti od
h1 do h6 ( h1 h2 h3 h4 h5 h6)
Tagovi koji predstavljaju neke naslove i u zavisnosti od broja koji se nalazi pored h
imacemo razlicitu dimenziju fonta i sav tekst je BOLDOVAN podrazumevano
<br></br>
break tag koji predstavlja prelazak u novi red , Tag br je drugaciji od ostalih tagova do sada posto on NEMA zatvoren tag
<hr></hr>
predstavlja horizontalnu liniju
Tagovi za stilizaciju teksta
b,strong - bold
i, em - italic
u - underline
center - centriranje
<img></img>
predstavlja tag koji
se odnosi na neku sliku
i on takodje nema zatvoren tag
a
predstavlja oznaku za link
( “anchor” sidro ) .
Da bismo precizirali
na kojoj putanji se nalazi
link, moramo da iskoristimo
atribut pod nazivom
“href” ( hyper reference )
koji je putanja do sajta do kojeg vodi link
target - ima podrazumevano
vrednost “_parent” sto oznacava da se link otvara u istom tabu
a ako uzme vrednost
_blank - onda otvara taj link u novom tabu
isto kao sto slike mogu da prikazuju neke lokalne fajlove slike isto tako mi mozemo koristiti linkove
da bismo uvezali vise stranica koje imamo u lokalu preko relativne putanje do njih
<table>
</table>
Tabela:
-> thead
-> tr ( table row) koji predstavlja zaglavlje
-> th ( table header tagovi ) boldovani i centrirani
-> tbody
-> tr ( table row ) proizvoljan bropj
-> svaki red se sastoji iz proizvoljnog broja <td>
tagova ( table data tagova )
svaki element moze imati atribut “width” i “height” koji predstavljaju
dimenzije tog elementa
i jedinice koje cemo najcesce koristiti ovde su % ( procentualno uzimamo
neki deo od sirine ekrana) i px ( pixel ) - koji predstavlja “jednu tackicu” na ekranu
