zxz 11.11.2017 17:38
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">

zxz 11.11.2017 18:01
Predmet:frameset umjesto Body

frameset umjesto Body



Frameset je skup okvira jedne stranice.
Ukoliko na nekoj stranici zelimo prikazati vise HTML dokumenata u okvirima onda mozemo umjesto body koristiti tak frameset.

Primjer:
<html>
<frameset cols="25%,50%,25%">
<frame src="Dokument1.html">
<frame src="Dokument2.html">
<frame src="Dokument3.html">
</frameset>
</html>
Frejmovi omogućavaju da se formira dokument koji će se sastojati od adresa bar dva različita dokumenta.
Browser interpretira frejmove kao podjelu tekućeg prozora na viÅ¡e nezavisnih podprozora od kojih svaki sadrži adresirani dokument.
Tag za pozivanje drugog html dokumenta je <Frame src="Imehtmldokumenta.html">

frameset tagodej ima svoje atribute.
U gornjem primjeru naveden je atribut cols u kome su tate vrijednosti sirine okvira i to procentualno.
Vrijednosti kolona ili sirine okvira mogu se zadati i u pikselima.
Primjer:
<frameset cols="150,*,100">
U ovom primjeru suodredjene velicine u pikselima i to prve i trece kolone dok je u drugoj koloni Djoker sto znaci da je sirina proizvoljna.

Postoji i atribut rows sa koim bi mogli odrediti okvire u redovima.

Mozemo i kombinovati redove i kolone
Primjer:
<html>
<frameset cols="20%,*,20%">
<frameset rows="25%,*,25%">
<frame src="gornji.html">
<frame src="srednji.html">
<frame src="donji.html">
</frameset>
<frame src="srednji_kolona.html">
<frame src="desni_kolona.html">
</frameset>
</html>

Gjoreski 11.11.2017 18:28
Predmet:Re: Skola HTML-a

Kolku sto razbrav mozime da napravime kocki vo koi ke uvezeme nekakov html.
Dali sum vo pravo?

zxz 11.11.2017 18:39
Predmet:Re: Skola HTML-a

Da upravo tako.
Ali ima to jos primjena.

arax 12.11.2017 21:27
Predmet:Re: Skola HTML-a

Ono što treba napoenuti i više puta da HTML predstavlja tek dio stranice.
HTML govori o sadržaju stranice tj. to je ono što imamo na stranici(tekst, tabele, slike i sl).

Sam oblik stranice je stvar CSS-a. CSS nam govori kako će izgledati SVAKI pojedinačni element kreiran u HTML-u i koji će njihov raspored na stranici i međusobno biti. Učiti CSS bez osnovnog znanja HTML-a je kao da učite voziti po gradu, a ne znate osnovne znakove ili kako se koristi siignalizacija na autu.
CSS ili stilski elementi staranice mogu biti INLINE tj. unutar neke linije HTML-a, INTERNI unutar HEAD-a (unutar STYLE taga). i EXTERNI unutar zasebnog dokumenta sa extenzijom ".css".

Samo ponašanje stranice je korak više koji pravima sa JavaScriptom.

Dok se HTML i CSS praktično naporedo mogu učiti po miÅ¡ljenju večine (bar onih s kojima sam u kontaktu) JS treba staviti na čekanje dok ne savladamo HTML i CSS.

zxz 16.11.2017 11:31
Predmet:Okviri za navigaciju

<Frameset i frame mozemo iskoristiti tako danaprimjer na lijevoj strani napravimo neki uzi okvir i u njemu postavimo linkove preko kojih cemo ucitavati stranice u desnom okviru.
Primjer:
<html>
<frameset cols="250,*">
<frame src="levi.html">
<frame src="desni.html" name="desni">
</frameset>
</html>

Ovo bi bila nasa prva html datoteka.
koju mozemo nazvati index.html i pohraniti je u neki direktorij.

Sada praviom html datoteku koju cemo zvati levi.html kako je i navedeno u prvoj datoteci.

<html>
<body>
<ul>
<li><a href="prvi.html" target="desni">prvi</a></li>
<li><a href="drugi.html" target="desni">drugi</a></li>
<li><a href="treci.html" target="desni">treci</a></li>
</ul>
</body>
</html>

Zatvorimo i ovu datoteku i spremimi je u isti dir kao i predhodnu.

SDada napravite jos 3 html datoteke i dajte im imena kao sto smo gore naveli:
-prvi.html
-drugi.htm
-treci.html

I njih spremite u isti dir.
Sada pokrenite indeksnu datoteku i isprobajte.

Avko 16.11.2017 13:40
Predmet:Re: Skola HTML-a

Ja isprobao, no potkrale se neke greske. Za nas vrsne programere lako su uocljive no za one pocetnike bice jako teske.
Prilikom pokretanja prijavilo je gresku.



naredbeni redak u index.html datoteci koji glasi: <frame src="desni.html" name="desni">, nije mogao otvoriti datoteku desni.html jer ne postoji.
Tako da sam snimio desni.html u kojem se nalazi ovaj kod:

PreuzmiIzvorni kôd (HTML):
  3.  
  4. <h1>OVO JE DESNI PANEL</h1>
  5. <p>ovdje ce se ucitati vase stranice</p>
  6. <p>ovisno koji broj izaberete u lijevom panelu</p>
  7. </body>
  8. </html>

sada kada pokrenemo index.html, otvori se html stranica sljedeceg izgleda:



a mozda i nije kako sam rekao?

nakon sto kliknemo na prvi, drugi ili treci otvorit ce nam se stranice:

prva


druga


treca

Avko 16.11.2017 13:58
Predmet:Re: Skola HTML-a

ja bi htio da slozis TABLU u lijevom panelu sa 3 polja i u svakom polju tipku (BUTTON) na koju kad kliknemo posalje nas na prvu, drugu ,trecu.

Tipka neka bude velicine kucice u tabli i svaka tipka druge boje, a neka se pokazuje broj 1,2,3 umjesto prva, druga, treca

ovako:

zxz 16.11.2017 18:28
Predmet:Re: Skola HTML-a

Ovo tvoje neka bude zadatak za ostale koji prate.
Tako cemo uvidjeti koliko nas prati ovu temu ili ja uludo pisem.
Mozda niko ne prati!

Avko 16.11.2017 18:37
Predmet:Re: Skola HTML-a

a ja? Å¡ta jaspadam pod nitko?