zxz 27.02.2011 02: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 02:08
Predmet:Re: Primjeri za pocetnike

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

zxz 27.02.2011 20:30
Predmet:Velicina slova

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

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

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

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

zxz 27.02.2011 20:45
Predmet:Meta tag

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

zxz 27.02.2011 20:55
Predmet:Upotreba frejmova

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

zxz 02.04.2011 23:52
Predmet:Izgled teksta

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

zxz 03.04.2011 00:00
Predmet:Koristenje float opcije

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

zxz 02.04.2011 23:57
Predmet:Pozicioniranje teksta

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

zxz 03.04.2011 00:04
Predmet:Slojevi

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