Preuzmite Osnove HTML-a: zadaci i više Vežbe u PDF od Osnove programiranja samo na Docsity!
VEŽBE 02 – OSNOVE HTML-A 1
- HTML komande se pišu u vidu tzv. TAG-ova.
- Jedan tag je u stvari komanda koja govori browser-u šta i kako da uradi tj. na koji
način da prikaže sadržaj vaše stranice.
- HTML tagovi su "case insensitive" tj. svejedno je da li se pišu malim ili velikim
slovima.
Podrazumevana index.html stranica
Insert title here
OVDE SE UNOSI ONO STO SE ZELI PLIKAZATI !!!
Minimalna struktura HTML-dokumenta obuhvata tagove:
- < HTML >, -zagrade HTML-teksta;
- < HEAD >, -zagrade zaglavlja, sadrži meta-definicije HTML-dokumenta;
- < TITLE >, -zagrade za naziv HTML-dokumenta i
- < BODY >, -zagrade teksta koji se prikazuje u browseru.
Komentar
- Dodatna opcija omogućava da se obeleži komentar u HTML-obeleženom tekstu koji
se neće videti u vizuelizaciji dokumenta.
** Ovde dodje vas tekst. **
** Ovde ide vas tekst. **
** Ovde ide vas tekst. **
//izgled u browseru
Ovde dodje vas tekst. Ovde ide vas tekst. Ovde ide vas tekst.
Formatiranje
Bold Bold
Strong Strong
Italic Italic
Underline Underline
Strike Strike
H 2O H2O
23=8 23=
_ (space)
Prelom linije
(ne enter)
Pozadina
ili
ili
ili
Definicione liste
Ovaj oblik liste se dobijasa tagom. Svaka stavka ovakve liste se sastoji iz dva dela:
- termina koji se definiše i
- njegove definicije.
Termini zapocinju tagom, a njihove definicije tagom.
Termini se poravnavaju uz levu marginu,a njihove definicije se pojavljuju u novom redu i
pomerenesu za određen broj mesta
Prolece: od 21. 03 do 21. 06. Leto:
od 21. 06 do 21. 09. Jesen:
od 21. 09 do 21. 12. Zima: od 21. 12 do 21. 03.
Lista u listi
Zemlje u Evropi:
Srbija Italija
Spanija
Zemlje u Juznoj Americi:
Brazil
Argentina
IMG TAG
- U okviru HTML stranice slika se prikazuje pomoću ** taga**
- Ovaj tag mora imati bar jedan atribut – src atribut koji definiše naziv i eventualno lokaciju, grafičkog fajla koji se želi prikazati u okviru stranice, u ovom primeru se slike nalaze u folderu images unutar WebContent
Opcije
- left: postavlja sliku uz levu marginu:
- right: postavlja sliku uz desnu marginu:
- top : poravnava sliku sa vrhom slova u tekućoj liniji:
- bottom : poravnava sliku sa donjom ivicom slova:
- middle : postavlja sliku tako je donja ivica slova na sredini slike:
- absmiddle : postavlja sliku tako da se sredina slike i sredina slova poklapaju:
- Da bi se promenila originalna veličina slike, željena veličina se može definisati pomoću dva atributa: height i width koja može biti iskazana u % ili u pikselima.
LINKOVI
- Veze između različitih stranica se nazivaju linkovi ili hiperveze. One omogućavaju jednostavan prelazak sa jednog mesta na stranici na drugo mesto unutar same stranice ili na sasvim novoj stranici.
- Linkovi koji se mogu definisati u okviru jedne HTML stranice mogu se podeliti na tri grupe:
.1 krajnja pozicija se nalazi na stranici koja je u okviru iste aplikacije i nalazi se na istom serveru gde i stranica sa polaznom pozicijom
.2 krajnja pozicija pripada istoj stranici kao i polazna pozicija
.3 krajnja pozicija se nalazi na stranici koja ne pripada istoj aplikaciji, već se nalazi na drugom serveru
1. NA ISTOM SERVERU
- U okviru href se unosi tačan naziv stranice na koju će da ukazuje link
- Između tagova se unosi tekst linka
Link ka stranici za vezbu linkova
- Za linkove koristiti relativne putanje a izbegavati c:/SAJT/WebContent/ links.html
PRIMER LINKOVANJA PO RELATIVNIM PUTANJAMA : IZGLED STABLA
NAPOMENA :
Kretanje kroz stablo se zasniva na samo dva simbola:
- "/" – označava ulazak u jedan nivo nižeg direktorijuma
- "../" - označava ulazak u jedan nivo višeg direktorijuma
Na osnovu navedenog na svakoj stranici (0,1,2,3,4) napraviti linkove ka svim ostalim stranicama:
REŠENJE:
link ka prvoj stranici
link ka drugoj stranici
link ka trecoj stranici
link ka cetvrtoj stranici
link ka nultoj stranici
link ka drugoj stranici
link ka trecoj stranici
link ka cetvrtoj stranici
link ka nultoj stranici
link ka prvoj stranici
link ka trecoj stranici
link ka cetvrtoj stranici
link ka nultoj stranici
link ka prvoj stranici
link ka drugoj stranici
link ka cetvrtoj stranici
link ka nultoj stranici
link ka prvoj stranici
link ka drugoj stranici
link ka trecoj stranici
LINKOVANJE NA ISTOJ STRANICI :
- na polaznoj poziciji navodi se tag sa imenom krajnje pozicije sa znakom # :
**** tekst polazne pozicije ****
- na krajnjoj poziciji se navodi tag koji definiše ime krajnje pozicije bez znaka # :
**** tekst krajnje pozicije ****
IP - JAVA
PJ - C UUP - C
IP - JAVA back to top
..
PJ - C
back to top
..
..
UUP - back to top
Ako se želi da se uspostavi veza sa nekom drugom stranicom, ali ne sa početkom te stranice, već nekim drugim delom, potrebno je koristiti i prvu i drugu vrstu linkova.
tekst linka
3. LINK KA DRUGOM SERVERU
scheme://server.domen [:port]/putanja/imeDokumenta
FTN link SLIKA KAO LINK:
EMAIL:
Posaljite e-mail poruku!
