Centar za edukaciju-BiH



Anketa:Zelite li ucestvovati u ovoj temi
Da
 
9 100%
Ne
 
0 0%
Broj glasova:9

#21 30.08.2017 12:24
arax Van mreze
Administrator
Registrovan od:04.02.2009
Postovi:987


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

#22 31.08.2017 14:12
Avko Van mreze
Administrator
Registrovan od:28.05.2014
Postovi:4,696


Predmet:Re: Skola HTML-a
mene zanima onaj dio kad dodemo do tabli. redovi i kolone
zivot je moja domovina.
↑  ↓

#23 02.09.2017 12:44
mirsadz Van mreze
Administrator
Registrovan od:26.05.2011
Postovi:48


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

PreuzmiIzvorni kôd (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 post je ureden 3 puta. Posljednja izmjena 02.09.2017 12:45 od strane mirsadz. ↑  ↓

#24 02.09.2017 13:07
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


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

Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 1 puta. Posljednja izmjena 02.09.2017 13:38 od strane zxz. ↑  ↓

#25 02.09.2017 13:36
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


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

Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 1 puta. Posljednja izmjena 02.09.2017 13:39 od strane zxz. ↑  ↓

#26 02.09.2017 14:12
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


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

Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 1 puta. Posljednja izmjena 02.09.2017 14:12 od strane zxz. ↑  ↓

#27 11.11.2017 12:58
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


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>

Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 2 puta. Posljednja izmjena 11.11.2017 13:03 od strane zxz. ↑  ↓

#28 11.11.2017 13:18
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


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 >

Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#29 11.11.2017 14:00
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


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


Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 1 puta. Posljednja izmjena 11.11.2017 17:06 od strane zxz. ↑  ↓

#30 11.11.2017 17:38
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


Predmet: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">

Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

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


Sva vremena su GMT +01:00. Trenutno vrijeme: 2: 03 pm.