Bosna i Hercegovina



Anketa:Zelite li ucestvovati u ovoj temi
Da
 
9 100%
Ne
 
0 0%
Vote count: 9

#16 17.08.2017-21:07
arax Offline
Administrator
Registrovan/a od: 04.02.2009-10:24
Komentari: 977


Subject: 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.
Ćutanje je zlato. Kad bi svi ćutali svijet bi ostao bez napretka.
↑  ↓

#17 19.08.2017-19:41
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,567


Subject: Re: Skola HTML-a
Bilo bi lijepom kada bi i se mogli skupiti ali izgleda mrka kapa.
Pozdrav
↑  ↓

#18 27.08.2017-23:30
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,567


Subject: Re: Skola HTML-a
Dobro ima li jos bar dvoje.
Ima se ovdje sta izuciti a neznamkome danas netreba html.
Pozdrav
↑  ↓

#19 28.08.2017-14:44
arax Offline
Administrator
Registrovan/a od: 04.02.2009-10:24
Komentari: 977


Subject: Re: Skola HTML-a
Krenut će mo skroz lagano da se kasnije lakše priključiti
Ćutanje je zlato. Kad bi svi ćutali svijet bi ostao bez napretka.
↑  ↓

#20 29.08.2017-10:41
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,567


Ocjena: Ocjena:100 Subject: 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.

Pozdrav
Ovaj komentar je mijenjan 2 puta. zadnja izmjena 02.09.2017-13:37 od strane zxz. ↑  ↓

#21 30.08.2017-12:24
arax Offline
Administrator
Registrovan/a od: 04.02.2009-10:24
Komentari: 977


Subject: 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.
Ćutanje je zlato. Kad bi svi ćutali svijet bi ostao bez napretka.
↑  ↓

#22 31.08.2017-14:12
Avko Offline
Administrator
Registrovan/a od: 28.05.2014-09:21
Komentari: 2,938


Subject: Re: Skola HTML-a
mene zanima onaj dio kad dodemo do tabli. redovi i kolone
Neki piju od radosti, neki od tuge, a ja od jutra.
↑  ↓

#23 02.09.2017-12:44
mirsadz Offline
Moderator
Registrovan/a od: 26.05.2011-21:40
Komentari: 36


Ocjena: Ocjena:100 Subject: Re: Skola HTML-a
Pozdrav svima, evo da se i ja ukljucim malo. Sto se tice tabela, osnovni tag koji označava početak i kraj tablice je:
<table>Sadržaj tablice</table>
Sadržaj tablice stavlja se unutar taga kojim se definira jedno polje tablice:
<td> Sadržaj polja </td>
Tablica ne mora sadržavati <th> tag, ali mora sadržavatii bar jedan <td> tag, u koji ćemo staviti
sadržaj tablice.Redovi tablice definiraju se pomoću taga:
<tr> <td> Sadržaj polja </td> <td> Sadržaj polja </td> ...  </tr>
Unutar njega se umeću <td> ili <th> tagovi koji defeniraju polje tablice sa odgovarajućim sadržajem.

Primjer:

DownloadIzvorni kod (HTML):
  1. <tr>
  2.     <th>Ime :</th>
  3.     <th>Prezime :</th>
  4.     <th>Nadimak :</th>
  5. </tr>
  6. <tr>
  7.     <td>Mirsad</td>
  8.     <td>Mirsadovic</td>
  9.     <td>Mirso</td>
  10. </tr>

Nadam se da ce biti od pomoci Smiling
Ovaj komentar je mijenjan 3 puta. zadnja izmjena 02.09.2017-12:45 od strane mirsadz. ↑  ↓

#24 02.09.2017-13:07
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,567


Ocjena: Ocjena:100 Subject: 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...

Pozdrav
Ovaj komentar je mijenjan 1 puta. zadnja izmjena 02.09.2017-13:38 od strane zxz. ↑  ↓

#25 02.09.2017-13:36
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,567


Ocjena: Ocjena:100 Subject: 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...

Pozdrav
Ovaj komentar je mijenjan 1 puta. zadnja izmjena 02.09.2017-13:39 od strane zxz. ↑  ↓

#26 02.09.2017-14:12
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,567


Ocjena: Ocjena:100 Subject: Re: Skola HTML-a

Sadrzaj HTML stranice



Svaki HTML dokument sastoji se od zaglavlja i tijela. U zaglavlju dokumenta definiramo elemente koji se ne prikazuju na stranici. Između ostalog, ovdje definiramo naslov dokumenta koji se prikazuje na naslovima kartica web preglednika.
Svi HTML dokumenti bi trebalo da počinju sa definicijom tipa dokumenta DTD, Document Type Definition koji pregledaču definiše po kom standardu je dokument pisan.

Prvi tag koji pisemo na stranici je <DOCTYPE!>
Primjer.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
Ovaj tag nema drugi tag za zatvaranje.
Kako ste primijetili unutar <DOCTYPE oivicenja (<>) napisane su neke osobine tog taga.
U ovom slucaju to su osobine naseg dokumenta jer se radi o tagu koji odrdjuje tip dokumenta.

Znaci u nekim tagovima u otvarjaucem tagu mogu biti napisane i neke osobine tog taga.

Primjer:
<h1 style="background-color: red;">Crveni naslov odlomka</h1>
<font color="#ff0000"> Neki tekst </font>

Pozdrav
Ovaj komentar je mijenjan 1 puta. zadnja izmjena 02.09.2017-14:12 od strane zxz. ↑  ↓

#27 11.11.2017-12:58
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,567


Subject: 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>

Pozdrav
Ovaj komentar je mijenjan 2 puta. zadnja izmjena 11.11.2017-13:03 od strane zxz. ↑  ↓

#28 11.11.2017-13:18
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,567


Subject: 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 >

Pozdrav
↑  ↓

#29 11.11.2017-14:00
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,567


Subject: 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...


Pozdrav
Ovaj komentar je mijenjan 1 puta. zadnja izmjena 11.11.2017-17:06 od strane zxz. ↑  ↓

#30 11.11.2017-17:38
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,567


Subject: Sadrzaj stranice body

body sadrzaj HTML stranice



Kao i sto sam naslov kaze sadrzaj nase stranice se nalazi izmedju dva body taga.
U samom body tagu mogu se nalaziti atributi koji ce mijenjati neke osobine stranice.

Primjer:
<body bgcolor="yellow" text="green">

U ovom slucaju pozadina stranice ce biti zuta a tekst zelen.
Kako se da primijetiti poslije svakog atributa se stavlja znak jednakosti (=) za dodjelu vrijednosti atributima, a vrijednost koju dodjeljujemo se obavezno stavlja pod znake navoda.

Boja pozadine se moze definisati na tri nacina:
-Nazivom Boje
-Brojem boje
-Ucitavanjem boje iz nekog fajla.

Primjeri:
<body bgcolor="yellow">
<body bgcolor="#cfffff">
<body background="Pozadina.gif">

Pozdrav
↑  ↓

Stranice (4): 1, 2, 3, 4


All times are GMT +01:00. Current time: 22.02.2018-07:49.