Internet programiranje HTML II deo Boje i HTML Body tag ... - Glavna

Link na stranicu u okviruistog servera• Stranica sa krajnjom pozicijom osim što pripada istojaplikaciji, odnosno serveru, u opštem slučaju ne mora dase i fizički nalazi u istom direktorijumu gde i stranica sapolaznom pozicijom.• Postoje dva rešenja ovog problema, a to je rad saapsolutnim i relativnim putanjama• Korišćenje apsolutnih putanja podrazumeva u okviru hrefatributa navođenje pune putanje do stranice sa krajnjompozicijom, na primerhref=”c:\Aplikacije\Poslovanje\Klijent\Prva.html• Korišćenje relativnih putanja je mnogo podesnije, jer sezasniva na kretanju u odnosu na direktorijum stranice sapolaznom pozicijom.Link na stranicu u okviruistog servera• Neka direktorijum X sadrži stranice 1 i 2, Y stranicu 3, a Zstranicu 4• Za stranicu 1,• relativna adresa stranice 2 je „2.html”;• relativna adresa stranice 3 je „Y/3.html”;• relativna adresa stranice 4 je „Y/Z/4.html”;• Za stranicu 3,• relativna adresa stranice 2 je „../2.html” (simbol .. označavadirektorijum iznad direktorijuma gde se nalazi stranica sapolaznom pozicijom);• relativna adresa stranice 4 je „Z/4.html”;• Za stranicu 4,• relativna adresa stranice 2 je „../../2.html”;• relativna adresa stranice 3 je „../3.html”.Link na stranicu izvan servera• Da bi se pristupilo stranici izvan serverapotrebno je navesti celu web adresu testranice. Opšti oblik adrese koja sepojavljuje kao vrednost href atributa jescheme://server.domen [:port]/putanja/imeDokumenta Linkka Elektrotehnickom fakultetu Link na istu stranicu• Za ovu vrstu linkova prvo se napravi oznaka na mestu nastranici gde se nalazi krajnja pozicijia. Oznaka se dobijapomoću atributa name u tagu: tekst krajnje pozicije sakoje se prelazi iz polazne pozicije • na polaznoj poziciji navodi se tag sa imenom krajnjepozicije: tekst polazne pozicije• na krajnjoj poziciji se navodi tag koji definiše ime krajnjepozicije: tekst krajnje pozicijeLink na istu stranicu Link u okviru iste straniceProgramiranja Web i jezik HTML ; Programski jezik Java Uvod u C Web i jezik HTML ................................................................................................ Programski jezik Java ................................................................................................ Uvod u C ................................................................................................Link na određenu poziciju• Ako se želi da se uspostavi veza sa nekom drugomstranicom, ali ne sa početkom te stranice, većnekim drugim delom, potrebno je koristiti i prvu idrugu vrstu linkova.• Opet se definiše mesto odakle se želi nastaviti sapregledom pomoću atribut href u tagu sanavođenjem imena stranice, ali se dodaje deo#ime_krajnje_pozicije, da bi se pozicioniralo nakrajnju poziciju.tekst polazne pozicije 3

Slika kao link• Slika u HTML dokumentu možepredstavljati i polazni čvor u hipervezi.Dolazna adresa se tada navodi kao kodobičnog linka, a umesto teksta koji semože aktivirati navodi se tag IMG. "tagIMG za željenu sliku"Link za elektronsku poštu• Linkovi se mogu iskoristiti i za pisanje nove mailporuke pomoću default programa za elektronskupoštu Posaljitee-mail poruku! • Pored adrese na koju se želi poslati porukamogu se podesiti još neki parametri, kao što sunaslov ili tekst poruke.Posaljite e-mail poruku! Tabele• Tabela se definiše pomoću taga• Pojedinačna ćelija se definiše uokviru • Novi red se definiše sa .Tabele sadrzaj naslova tabele sadržaj prve ćelija headera sadržaj poslednje ćelije headera sadržaj prve ćelije prvog reda sadržaj poslednje ćelije prvog reda sadržaj prve ćelije poslednjeg reda sadržaj poslednje ćelije poslednjeg reda Tabele redovi hello hello3hello5• U datom primeru "hello“, “hello3” i“hello5” su ćelije u okviru istog redaTabele - kolone• Da bi se napravila nova kolonapotrebno je koristiti tag hellohello3hello54

Forme• Za implementaciju formi koristi se osnovni tag. Opšti oblik ovog taga je:...• Najvažnija dva atributa taga su:• ACTION koji sadrži adresu (URL) programa naserveru;• METHOD kojim je opisana metoda prenosaargumenata programa. Ovaj atribut može imativrednosti GET ili POST.Dugme• button – definiše dugme opšteg tipa.Pritiskom na dugme koje je definisanopomoću ove vrednosti korisnik izvršavaakciju koja se mora definisati u okvirusamog taga.• Najčešće je to Java Script funkcija kojaizvršava određene provere pre samogslanja podataka na server.Dugme• submit - definiše dugme pomoću koga sepodaci šalju na server.• reset – definiše dugme koje postavljasve vrednosti elemenata forme napredefinisane vrednostiTekst polje• Koristi se atribut type sa definisanom vrednošću text.• Pomoću atributa value definiše se početni tekst koji će sepojaviti u tekst polju• Pomoću atributa size se zadaje maksimalan broj karakterakoji se mogu uneti u okviru ovog elementa od stranekorisnika.• Vrednost atributa name definiše samo ime elementapomoću koga drugi elementi aplikacije (JavaScript,serverski deo aplikacije) mogu čitati ili menjati unetuvrednost u okviru tekst polja.• Ako se želi da se zamaskira tekst koji korisnik unosi utekst polje umesto vrednosti text, treba koristiti vrednostpassword.Polje za potvrdu• Polje za potvrdu se definiše korišćenjem tagaINPUT i njegovog atributa type sa vrednošćucheckboxKoje programske jezike poznajete?   Paskal  JavaRadio dugme• Radio dugmad se definišu korišćenjemtaga i njegovog atributa typesa vrednošću radio.Imate li vlastiti racunar?   Da   Ne8

Opadajuća lista• Opadajuća lista se definiše pomoću taga i opcija. Polje opisuje izbor između mogućihvrednosti navedenih u okviru taga . Tag saatributom SELECTED se uzima kao izabrana vrednost. Tag se realizuje kao padajući meni sa vrednostimazadatim u okviru taga . Atributi uz tag su:• size kojim je opisan broj elementa u opcija koje će biti prikazane,• multiple kojim se omogućava izbor više opcija u istom trenutku.Moj omiljeni predmet na 1. godini je: Analiza 1Analiza 2ORTTekst polje• Tag prikazuje tekst uodvojenom tekst prozoru sascrollbarovima.• Dimenzije prozora su određene atributimarows (broj redova teksta) i cols (brojkolona).• Atribut name dodeljuje simboličko imepodručju u kome se nalazi tekst. ... neki tekst ... Skrivena promenljiva• Često je potrebo u okviru stranicezapamtiti određene vrednosti koje ne bitrebalo prikazivati korisniku, na primervrednost koja se proverava naserverskoj strani radi zaštite aplikacije.• Ova mogućnost se Element izvršava 1 liste pomoćutaga i njegovog Element 2 liste atributa type. . . . .sa vrednošću hidden. Na primer:input type=”hidden” name=”ident”value="08100-OEM-38069">PrimerForma za komentarePosaljite svoje komentareIme i prezime: Email adresa: Komentar:Primer 2Primer 3Restoran italijanske hrane Restoran italijanske hrane PiceKoliko pica želite? VelikaSrednjaMalaDodaciLjuta paprikaPecurkeKecapJajeMaslineIme: Broj telefona: Adresa:Broj kreditne kartice: 9

Primer 410