zxz 02.09.2017 14:07
Predmet:Re: Skola HTML-a

Html se prvi puta spominje 1991 i imao ja tad 20 eemenata.
Prva verzija html je izasla 1993 godine i bila je to prva imenovana verzija 2.0
Zadnja verzija koliko ja znam je 5.0

Slijedi nastavak...

zxz 02.09.2017 14:36
Predmet:Re: Skola HTML-a

TAGOVI



Sta su tagovi?
Tag je kratica koja se stavlja među izlomljene zagrade < i >, a služi kao uputa, odnosno naredba kako prikazati pojedini element. Tagovi se uvijek (analogno zagradama u aritmetici) koriste u paru, imaju početni i završni dio, s tim što je završni tag označen kosom crtom. Na taj se način tagovi mogu ugnježđivati u strukturu stabla. Između tagova se stavlja podatak na koji se tag odnosi.
Mozemo reci da imamo tagove u paru i mozemo ih dalje zvati otvarajuci i zatvarajuci tag.

Postoje i neki tagovi koji nemoraju biti zatvoreni odnosno nemoraju imati zatvoreni tag.

Primjeri:
<h2>Naslov</h2>
<title> iCentar </title>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<br />

slijedi nastavak...

zxz 28.08.2017 00:30
Predmet:Re: Skola HTML-a

Dobro ima li jos bar dvoje.
Ima se ovdje sta izuciti a neznamkome danas netreba html.

arax 28.08.2017 15:44
Predmet:Re: Skola HTML-a

Krenut će mo skroz lagano da se kasnije lakše priključiti

zxz 29.08.2017 11:41
Predmet:Re: Skola HTML-a

Pa dobro da krenemo.

P O Č E T A K



Šta je HTML?
To je prvo pitanje koje nam se namece kada pomenemo html.

HTML je u stvari prezentacijski jezik za izradu web stranica (HyperText Markup Language).
Neki ga smatraju programskim jezikom ali on nije programski jezik jer njime samo mozete oblikovati sadrzaj nekog teksta koji mozete prezentovati preko web preglednika.
Njime ne možemo izvršiti nikakve zadatke , pa pa ni matematicke operacije.
Html datoteke su zapravo obične tekstualne datoteke, ekstenzija im je .html ili .htm. Osnovni gradjevinski elementi su takozvani tagovi koji odredjuju kako ce se sta prikazati u web preglwdniku.
Njegova popularnost proizilazi iz toga sto je jednostavan za ucenje i upotrebu te sto je besplatan.

Eto to bi bilo u kratkim crtama.
Slijedi nastavak ako se vi slazete.

arax 30.08.2017 13:24
Predmet:Re: Skola HTML-a

Naravno.

Šta su Tagovi. Jednostavne instrukcije web pregledniku koje mu govore kako da neki dio web stranice treba da izgleda. Osim u specifičnim slučajevima Tagovi su uvijek zatvoreni i odnose se na opseg sadržaja.
npr. <b> neki tekst </b> riječi neki tekst će kad otvorimo stranicu biti boldirane.

arax 17.08.2017 22:07
Predmet:Re: Skola HTML-a

Evo i ja da se tuspasim.
U svom poslu sam postigao vrh(školska sprema, certifikati i iskustvo) ali zbog izmjene zakona vrlo brzo bih mogao postati dio statistike biroa.
U prirodi mi nije da se sažaljevam nego da se borim pa sam odlučio da se prekvalifikujem.
Ovo mi trenutno izgleda jedino racionalno rješenje, a i u skladu je s mojim sklonostima.
Koliko mognem gledat ću da učestvujem i naučim, a kasnije i podučim.

zxz 11.11.2017 13:58
Predmet:Struktura HTML stranice

Struktura HTML stranice



Svaka Web stranica počinje i završava <html> elementom. Unutar njega nalaze se dvije cjeline. Označene su oznakama elementa <head> i <body>.
<head> dio služi za zadavanje osobina web stranice. U slijedećem primjeru u njemu se nalazi <title> element koji sadrži tekst koji će biti ispisan na kartici web preglednika.
Ovaj tekst je važan dio SEO optimizacije web stranice. On biva ispisan u tražilicama kao naziv web stranice.
<body> dio sadrži html tagove koji određuju sadržaj koji će biti prikazan na web stranici.
To mogu biti tekst, slike, popisi, poveznice, tablice, strukturni elementi i elementi za video i audio zapise.

Primjer:

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Ovo je naslov stranice koji se vidi u pregledniku</title>
</head>
<body>
<h1>Ovo je neki naslov na stranici</h1>
<p>Znaci sve sto napisemo unutar body tagova ce se prikazati na stranici,</p>
<p>sem elemenata koji odredjuju osobine nekog elementa ili strukturu.</p>
</body>
</html>

zxz 11.11.2017 14:18
Predmet:Deklaracija dokumenta

Deklaracija dokumenta



<!DOCTYPE>

Deklaracija ne predstavlja HTML tag, nego instrukciju kojom ve pretraživaču objašnjava u kojoj verziji HTML-a je pisana ta stranica. Ovakav zapis je karaktersiti!an za HTML5 verziju dok je za starije verzije zapis ove deklaracije drugačiji. Ovu deklaraciju je poželjno napisati kako bi veb pretraživač znao kako da interpretira stranicu.

Deklaracija se dijeli na dvije stavke:
1. Svojstvos (aspekti kako da računalo prikaže tekst i grafiku).
2. Vrijednost (podaci koji određuju kao želimo da tekst i slike izgledaju na našoj stranici).
Svojstvo(Properties) se od vrijednosti (value) u deklaraciji odvaja dvotočkom, a svaka deklaracija završava s točkom-zarez:. Motemo imati nekoliko svojstava u u jednoj deklaraciji.
Primjer:
<!DOCTYPE svojstvoy: vrijednost;>

Naj češće deklaracije:
HTML 4.01 Strict
Deklariše sve HTML elemente i atribute osim nekih zastarelih i osim frejmova. Deklaracija izgleda ovako:
<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01//EN“
„http://www.w3.org/TR/html4/strict.dtd“>

HTML 4.01 Transitional
Deklariše sve HTML elemente i atribute izuzev frejmova.
<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01 Transitional//EN“
„http://www.w3.org/TR/html4/loose.dtd“>

Preporuka je korišćenje baš ove deklaracije (ukoliko radite u Dreamweaver-u ona vam se automatski i upisuje u praznu HTML stranicu, doduše za XHTML 1.0, ali o tome kasnije), jer su frejmovi nepraktični za korišćenje i neće biti podržani u budućim verzijama HTML-a.

HTML 4.01 Frameset
Deklariše sve HTML elemente, pa i frejmove.
<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01 Frameset//EN“
„http://www.w3.org/TR/html4/frameset.dtd“>

XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...al.dtd">

HTML5
<!DOCTYPE html >

zxz 11.11.2017 15:00
Predmet:Zaglavlje (HEAD) dokumenta

Zaglavlje (HEAD) dokumenta



Zaglavlje se odvaja tagovima <head> i </head>.
Unutar zaglavlja unose se određeni "meta" podaci koji opisuju vas
dokument odnosno daju informacije o vasoj stranici npr. naslov dokumenta, kodna stranica itd..
Sve ono sto napisete u zaglavlju dokumenta nece se prikazati u prozoru vaseg preglednika(browsera) vec
Unutar zaglavlja odnosno HEAD tagove mogu se naci tagovi:
<title> i </title>
Izmedju ova dva taga mozete napisati naslov vase stranice koji ce se prikazivati u naslovnoj liniji vaseg preglednika (Browsera)
Znaci to nije naslov stranice nego neki natpis koji ce se pojaviti na vasem browseru.

<meta Description >

Ovaj tag treba da sadrzi kratak opis vase veb stranice tj. njenog sadržaja. Kratak opis veb stranice ne bi trebao da prelazi 150 karaktera.
Ovo je neobavezan tag.

Primjer:
html>
<head>
<title>Naslov html koji se vidi na pregledniku</title>
<meta name="description" content="Ovdje treba napisati opis vase stranive">
</head>
<body>
Ovdje dolazi tekst koji ce se vidjeti na stranici
</body>
</html>

<meta http-equiv>
Navedeni tag treba da ukaže veb pretraživaču i čitaču o kojoj vrsti dokumenta (u smislu njegovog sadržaja, npr. da li je reč o HTML fajlu ili nekom drugom kao i da predoči koji kodni raspored karaktera treba da se koristi prilikom prikaza sadržaja dokumenta. Mi bi trebali koristi UTF-8 kodni raspored koji ce nam omoguciti da vidimo nasa slova čć itd...
O ovome cemo jos pisati poslije.

Primjer:
html>
<head>
<title>Naslov html koji se vidi na pregledniku</title>
<meta name="description" content="Ovdje treba napisati opis vase stranive">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8 ">
</head>
<body>
Ovdje dolazi tekst koji ce se vidjeti na stranici
</body>
</html>

<meta Robots>
Robots meta tag treba da zada instrukciju svim web pretraživačima o tome da li imaju dozvolu da indeksiraju vašu internet stranicu i ostale internet stranice vašeg sajta ili ne.
Postoje 3 varijacije korišćenja ovog meta tag-a.
index, nofollow
noindex, follow
noindex, nofollow

index,nofollow - indeksirana ali sve ostale stranice do kojih ovaj HTML dokument ima vezu neće biti indeksirane.

noindex, follow-neće biti indeksirana ali sve ostale stranice do kojih ovaj HTML dokument ima vezu će biti indeksirane.

noindex, nofollow-nece biti ideksirana kao i sve ostale stranice do kojih ovaj HTML dokument ima vezu neće biti indeksirane.

Primjer:
<meta name="robots" content="index, nofollow" />

Ovo su osnovni meta tagovi a ima ih jos.
Ostali meta tagovi

Pored meta tagova u head se moze naci i tag <style> </style>
Izmedju tagova style mogu se upisati odredjeni stilovi ukoliko se radio o nekom manjem html dokumentu koji nema svoj CSS.

Isto rako moze se naci i po neka skripta napisana u nekom od skriptnih jezika kao sto su Java VbScript itd...