zxz 27.02.2011 03:08
Predmet:Primjeri za pocetnike

Sve ovo mozete isprobati ako kopirate u notepad i zapisete pod nekim imenom i ekstenzijom html.
primjer:
proba.html
U koliko zelite vjezbati trebate skinuti neki besplatni bar html editor.
Preporucujem easyhtml a ima i mnostvo drugih.

zxz 27.02.2011 03:08
Predmet:Re: Primjeri za pocetnike

Komandni taster:
PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7. <input type="button" value="Klikni me..." onclick="alert('Hvala sto si kliknuo!');" />
  8.  
  9. </BODY>
  10. </HTML>

zxz 27.02.2011 21:30
Predmet:Velicina slova

Primjer velicine slova.
PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7. <h1>Slova h1</h1>
  8. <h2>Slova h2 </h2>
  9. <h3>Slova h3</h3>
  10. <h4>Slova h4</h4>
  11. <h5>Slova h5</h5>
  12. <h6>Slova h6</h6>
  13. </BODY>
  14. </HTML>

zxz 27.02.2011 21:34
Predmet:Primjer tagova li i ul ol

PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7. <ul>
  8.    <li>Nesto </li>
  9.    <li>nesto drugo</li>
  10.  
  11.    <li>Nesto trece</li>
  12. </ul>
  13. </BODY>
  14. </HTML>

Isto samo malo drugacije sa ol.
PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7. <ol>
  8.    <li>Nesto </li>
  9.    <li>nesto drugo</li>
  10.    <li>Nesto trece</li>
  11. </ol>
  12. </BODY>
  13. </HTML>

zxz 27.02.2011 21:45
Predmet:Meta tag

Refres nakon odredjenog vremena. U ovom slucaju 10 sec.
PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7. <meta http-equiv="refresh" content="10" />
  8. Refreš svakih 10 sekundi
  9. </BODY>
  10. </HTML>

zxz 27.02.2011 21:55
Predmet:Upotreba frejmova

Primjer tagova frame.
PreuzmiIzvorni kôd (HTML):
  3. <title>Frejmovi</title>
  4. </head>
  5. <frameset rows="25%,*">
  6.   <frame src="http://www.icentar.ba/members.php">
  7. <frameset cols = "15%, *">
  8.   <frame src ="http://www.icentar.ba/index.php" />
  9.   <frame src ="http://www.google.ba" />
  11. </html>
  13. <body style="background-color:maroon">
  14. </body>
  15. </html>

zxz 03.04.2011 00:52
Predmet:Izgled teksta

PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7. <p style="text-decoration:overline;">Linija iznad teksta</p>
  8. <p style="text-decoration:line-through;">Precrtan tekst</p>
  9. <p style="text-decoration:underline;">Podvuceni tekst</p>
  10. <a style="text-decoration:none;" a href="www.icentar.ba" >tekst sa linkom</a>
  11. <p style="text-decoration:blink;">Blinkanje taksta</p>
  12. </BODY>
  13. </HTML>

zxz 03.04.2011 01:00
Predmet:Koristenje float opcije

PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7. <div style="width:300px;">
  8. <h1 style="float:left;margin-right:10px;">CSS float</h1>
  9. <p>Primjer koristenja float opcije. e sad bi morao nesto nakucati da bi se vidio pravi ucinak ovoga. Posjetite icentar portal</p>
  10. </div>
  11. </BODY>
  12. </HTML>

zxz 03.04.2011 00:57
Predmet:Pozicioniranje teksta

PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7. <div style="position:relative;left:80px;background-color:yellow;width:100px;">
  8. Postavljanje teksta na odredjenu poziciju.
  9. </div>
  10. </BODY>
  11. </HTML>

zxz 03.04.2011 01:04
Predmet:Slojevi

PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7. <div style="background-color:red;
  8.         width:100px;
  9.         height:100px;
  10.         position:relative;
  11.         top:10px;
  12.         left:80px;
  13.         z-index:2;">
  14.  E sad moze i neki tekst se dodati u ovaj okvir
  15. </div>
  16. <div style="background-color:yellow;
  17.         width:100px;
  18.         height:100px;
  19.         position:relative;
  20.         top:-60px;
  21.         left:35px;
  22.         z-index:1;">
  23.         Test u zutom okviru se nevidicijeli
  24. </div>
  25. </BODY>
  26. </HTML>