1 / 12

Osnove HTML

Osnove HTML. jezik za opis strukture stranice danas se koristi za formatiranje ispisa – dizajn stranice HTML za ispis sadr žaja koristi elemente koji mogu imati pridodate atribute sa nekom vrednošću

yardley
Download Presentation

Osnove HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Osnove HTML • jezik za opis strukture stranice • danas se koristi za formatiranje ispisa – dizajn stranice • HTML za ispis sadržajakoristielemente koji mogu imati pridodate atribute sa nekom vrednošću • oznaka elementa se piše između < i >, kraj elementa se označava sa </ > <elementatribut=“vrednost”>sadržaj </element> • poželjno je da svaka oznaka za početak elementa ima pripadajuću oznaku za njegov kraj • poželjno je da se vrednosti atributa navode unutar “ “

  2. Struktura HTML stranice • HTML stranica:zaglavlje i telo stranice • zaglavlje se definiše <HEAD> elementom, sadrži servisne informacije - <TITLE>, <META> elemente • telo stranice se definiše <BODY> elementom i sadrži sve ostale elemente <HTML> <HEAD> <TITLE> Naslov </TITLE> </HEAD> <BODY> Telo stranice </BODY> </HTML>

  3. Elementi tela HTML stranice • naslovi: <H1>, <H2>, <H3>, <H4> • paragrafi: <P> • prelom linije: <BR> • komentari: upisuju se između <!-- i --> • atributi: ALIGN – LEFT, RIGHT, CENTER: <H1ALIGN=“CENTER”> Naslov </H1> • atributi tela stranice: BGCOLOR, BACKGROUND • formatiranje teksta: <B>, <I>, <BIG>, <SMALL>, <SUB>, <SUP> • preformatiran tekst: <PRE> • uvlačenje teksta: <BLOCKQUOTE>

  4. Linkovi u HTML dokumentu • linkovi na druge dokumente: <A><AHREF="http://www.google.com/">google</A> • linkovi unutar dokumenta: sidroodredište: <ANAME="P4"> link prema odredištu: <AHREF="#P4"> slanje e-maila:<AHREF=“mailto:ime@domen.com">Mail</A>

  5. Tabele • definicija tabele: <TABLE> • red u tabeli: <TR> • ćelija u redu: <TD> <TABLE> <TR> <TD>red 1 ćelija 1</TD> <TD>red 1 ćelija 2</TD> </TR> <TR> <TD>red 2 ćelija 1</TD> <TD>red 2 ćelija 2</TD> </TR> </TABLE>

  6. Tabele • zaglavlje tabele: <TH> • ivica tabele: atribut BORDER<TABLEBORDER=“5”> • ćelja se prostire preko više kolona: atribut COLSPAN<TABLECOLSPAN=“2”> • širina tabele: atribut WIDTH<TABLEWIDTH=“50%”> • rastojanje između ćelija: atribut CELLSPACING<TABLECELLSPACING=“2”> • unutrašnja margina ćelije: atribut CELLPADDING<TABLECELLPADDING=“5”> • tabele se često koriste za precizno pozicioniranje sadržaja strane ugnježdavanjem

  7. Liste • neuređene liste: <UL>, <LI>, atribut TYPE <ULTYPE=“circle”> <LI>stavka 1</LI> <LI>stavka 2</LI> </UL> • uređene liste: <OL>, <LI>, atribut TYPE • liste mogu da se ugnježđuju

  8. Formulari za unos podataka • koriste se za interakciju sa korisnikom • definiše se <FORM> elementom koji sadrži polja za unos • podaci koje korisnik unese obrađuju se na strani WWW servera – CGI, PHP, JSP, Java servleti, ASP, ... • polja za unos su većinom <INPUT> elementi • tip polja definiše atribut TYPE • ime polja definiše NAME atribut • podrazumevana vrednost polja je data VALUE atributom • kao rezltat akcije korisnika, www klijent serveru šalje parove ime/vrednost za sva polja za unos koja se nalaze na formularu

  9. Elementi formulara za unos podataka • dugme: <INPUTTYPE=“button”> • polje za unos teksta: <INPUTTYPE=“text”> • logičko povezivanje polja: <FIELDSET> • checkbox: <INPUTTYPE=“checkbox”> • radio dugme: <INPUTTYPE=“radio”> • dugme za poništavanje izmena: <INPUTTYPE=“reset”>

  10. Elementi formulara za unos podataka • dugme za slanje podataka: <INPUTTYPE=“submit”> • polje za unos lozinke: <INPUTTYPE=“password”> • skriveno polje: <INPUTTYPE=“hidden”> • polje za unos više linija teksta: <TEXTAREA> • padajuća ili scrolling lista: <SELECT> i <OPTION>, atribut MULTIPLE

  11. Slanje podataka iz formulara serveru • akcija koja se izvršava pri slanju podataka definiše se atributima ACTION i METHOD elementa <FORM> • ACTION sadrži URL adresu stranice kojoj se šalju podaci, vrednost METHOD atributa je način prenosa – GET, POST <FORMACTION=“prijavise.php” METHOD=“get”> Ime: <INPUTTYPE=“text” NAME=“ime”> Lozinka: <INPUTTYPE=“password” NAME=“lozinka”> <INPUTTYPE=“submit” NAME =“prijavise” VALUE=“Prijavi se”> </FORM>

  12. Slanje podataka iz formulara serveru • korisnik unosi tekst: “pera” u polje “Ime” sa imenom “ime” “moja_lozinka” u polje “Lozinka” sa imenom “lozinka” • nakon izbora dugmeta “Prijavi se” poziva se stranica “prijavise.php” • stranici “prijavise.php” se prenose sledeći parovi ime/vrednost:ime = peralozinka = moja_lozinkaprijavise = 1

More Related