zxz 07.02.2015 20:44
Predmet:Klizac-Slider

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

zxz 04.02.2015 11: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):
  3. <title>Naslov na vasoj stranici</title>
  4. </head>
  6. Ovdje su svi elementi nase stranice i
  7. Nalaze se izmedju dva taga <bodi>
  8. </body>
  9. </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 11:39
Predmet:Link na neku stranicu

PreuzmiIzvorni kôd (HTML):
  3. <TITLE>Neki naslov</TITLE>
  4. </HEAD>
  6. <a href="http://www.icentar.ba" target="_blank>Otvori iCentar</a>
  7. </BODY>
  8. </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 11:53
Predmet:Link preko slike

PreuzmiIzvorni kôd (HTML):
  3. <TITLE>Neki naslov</TITLE>
  4. </HEAD>
  6. <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>
  7. </BODY>
  8. </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 11:58
Predmet:Slanje emaila

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

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

zxz 04.02.2015 12:39
Predmet:ABBR-Titl tekst

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

zxz 04.02.2015 12:46
Predmet:ACRONYM-Titl tekst

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

zxz 04.02.2015 20:31
Predmet:Podebljana slova

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

zxz 04.02.2015 20:45
Predmet:Tekst naopacke

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

zxz 04.02.2015 20:48
Predmet:Veliki tekst

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