zxz 07.02.2015 19:44
Predmet:Klizac-Slider

PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Klizac</TITLE>
  2. </HEAD>
  3. <input id="slider1" type="range" min="100" max="500" step="10" />
  4.  <input id="slider2" type ="range" min ="100" max="500" step ="50" value ="100"/>
  5. <p><strong>Napomena:</strong><br>
  6.  Ovu opciju ne podrzava Internet Explorer.</p>
  7. </BODY>
  8. </HTML>

zxz 04.02.2015 10:11
Predmet:HTML tagovi

U ovoj temi bit ce opisani neki od html tagova sa primjerima.
Vecina tagova koji se otvore moraju biti i zatvoreni.
Osnovni tagovi na stranici su
<HTML>Nasa stranica>/HTML>
Prvi tak:<HTML> se mora nalaziti na pocetku nase stranice i drugi koji zatvara JE:
</HTML> se nalazi na krju nase stranice.
Znaci tag za zatvaranje se razlikuje od pocetnog samo sto ima kosu crtu "/"

Primjer osnovnih tagova koji se nalaze na svakoj html stranici:
PreuzmiIzvorni kôd (HTML):
  1. <title>Naslov na vasoj stranici</title>
  2. </head>
  3. Ovdje su svi elementi nase stranice i
  4. Nalaze se izmedju dva taga <bodi>
  5. </body>
  6. </html>

Sve ovo mozete isprobati u vasem brovseru ako ovaj kod kopirate u napr. notepad i zapisete pod imenom:
NekiNaziv.html
Znaci ekstenzija html

Opsirnije mozete na ci na ovom linku:
Uvod u HTML

zxz 04.02.2015 10:39
Predmet:Link na neku stranicu

PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Neki naslov</TITLE>
  2. </HEAD>
  3. <a href="http://www.icentar.ba" target="_blank>Otvori iCentar</a>
  4. </BODY>
  5. </HTML>
href="http://www.icentar.ba"-adresa stranice
target="_blank-_Blank oznacava da ce se stranica otvoriti u novom prozoru.
Ukoliko necete da se otvori u novom prozoru dovoljno je izostaviti target="_blank

zxz 04.02.2015 10:53
Predmet:Link preko slike

PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Neki naslov</TITLE>
  2. </HEAD>
  3. <a target="_blank" href="http://www.icentar.ba" ><img  width="300" border="0" src="http://static.igre123.net/images/forum/posts/a/53bff60167c0b9286c23127b939b9fda.jpg"></img></a></a>
  4. </BODY>
  5. </HTML>
href="http://www.icentar.ba-Link na stranicu
<img -tag za sliku
width="300"-duzina slike
border="0" -Obrub slike. Stavite border napr 4 da bi vidjeli kako to radi.
0 je bez obruba
src="http://static.igre123.net/...g"-Adresa slike i iza nje zatvaranje taga img "></img>"
Koko ste primijetili ovdje je malo drugacije sto se tice taga img.
Cio tag img bi izgledao:
<img> medjutim na pocetku je napisano <img i nije zatvoreno sa >.
Znaci ukoliko napisemo < nekinazivtaga iza naziva mozemo pisati osobine toga taga kao sto je velicina boja itd..
</img>- nije bilo ni potrebno nego eto radi razumimijevanja.

zxz 04.02.2015 10:58
Predmet:Slanje emaila

PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Neki naslov</TITLE>
  2. </HEAD>
  3. <a href="mailto:nazivmaila@hotmail.com">Posalji e-mail</a>
  4. </BODY>
  5. </HTML>

Znaci sve isto kao i link samo imamo umjesto http mailto:.

zxz 04.02.2015 11:39
Predmet:ABBR-Titl tekst

PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Neki naslov</TITLE>
  2. </HEAD>
  3. Bez titla prednji <abbr title="Neki titl na tekst">OVO JE TEKST KOJI IMA TITLA. </abbr> Tekst bez titla
  4. </BODY>
  5. </HTML>

zxz 04.02.2015 11:46
Predmet:ACRONYM-Titl tekst

PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Neki naslov</TITLE>
  2. </HEAD>
  3. Neki tekst <acronym title="Ovo je titl tekst">Ovaj ima titl</acronym>?
  4. <p>
  5. Napomena:
  6. Ovaj tag podrzava html5.
  7. </BODY>
  8. </HTML>

zxz 04.02.2015 19:31
Predmet:Podebljana slova

PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Bold tekst</TITLE>
  2. </HEAD>
  3. Neki normalan tekst. <b>Podebljana slova</b?
  4. </BODY>
  5. </HTML>

zxz 04.02.2015 19:45
Predmet:Tekst naopacke

PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Tekst naopacke</TITLE>
  2. </HEAD>
  3. <bdo dir="rtl">Ovo je tekst naopacke</bdo>
  4. </BODY>
  5. </HTML>

zxz 04.02.2015 19:48
Predmet:Veliki tekst

PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Veliki tekst</TITLE>
  2. </HEAD>
  3. <p>Normalan tekst.</p>
  4. <p><big>Veliki tekst.</big></p>
  5. <p>Podrzava samo HTML5</p>
  6. </BODY>
  7. </HTML>