Bosna i Hercegovina



#1 27.02.2011-02:08
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,436


Subject: 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.
Pozdrav
↑  ↓

#2 27.02.2011-02:08
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,436


Subject: Re: Primjeri za pocetnike
Komandni taster:
DownloadIzvorni kod (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>

Pozdrav
Ovaj komentar je mijenjan 1 puta. zadnja izmjena 27.02.2011-02:10 od strane zxz. ↑  ↓

#3 27.02.2011-20:30
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,436


Subject: Velicina slova
Primjer velicine slova.
DownloadIzvorni kod (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>

Pozdrav
↑  ↓

#4 27.02.2011-20:34
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,436


Subject: Primjer tagova li i ul ol
DownloadIzvorni kod (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.
DownloadIzvorni kod (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>

Pozdrav
↑  ↓

#5 27.02.2011-20:45
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,436


Subject: Meta tag
Refres nakon odredjenog vremena. U ovom slucaju 10 sec.
DownloadIzvorni kod (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>

Pozdrav
↑  ↓

#6 27.02.2011-20:55
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,436


Subject: Upotreba frejmova
Primjer tagova frame.
DownloadIzvorni kod (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>

Pozdrav
↑  ↓

#7 02.04.2011-23:52
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,436


Subject: Izgled teksta
DownloadIzvorni kod (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>

Pozdrav
Ovaj komentar je mijenjan 1 puta. zadnja izmjena 02.04.2011-23:53 od strane zxz. ↑  ↓

#8 02.04.2011-23:57
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,436


Subject: Pozicioniranje teksta
DownloadIzvorni kod (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>

Pozdrav
↑  ↓

#9 03.04.2011-00:00
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,436


Subject: Koristenje float opcije
DownloadIzvorni kod (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>

Pozdrav
Ovaj komentar je mijenjan 1 puta. zadnja izmjena 03.04.2011-00:01 od strane zxz. ↑  ↓

#10 03.04.2011-00:04
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,436


Subject: Slojevi
DownloadIzvorni kod (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>

Pozdrav
↑  ↓

#11 03.04.2011-00:11
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,436


Subject: Float Meni
DownloadIzvorni kod (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. </HEAD>
  4. div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:150px;z-index:100;}
  5. div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}
  6. <div class="floating-menu">
  7. <h3>Floating Meni</h3>
  8. <a href="http://www.icentar.ba/showforum.php?id=37">C++</a>
  9. <a href="http://www.icentar.ba/showforum.php?id=43">HTML</a>
  10. <a href="http://www.icentar.ba/showforum.php?id=40">PHP</a>
  11. <a href="http://www.icentar.ba/showforum.php?id=41">Java</a>
  12. <a href="http://www.icentar.ba/showforum.php?id=39">VB/VB_net</a>
  13. </div>
  14. </BODY>
  15. </HTML>

Pozdrav
↑  ↓

#12 03.04.2011-00:13
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,436


Subject: Hiper link
DownloadIzvorni kod (HTML):
  1. <style type="text/css">
  2. a {font-family:Georgia, "Times New Roman", Times, serif;font-size:large;cursor: auto}
  3. a:link {color:blue;}
  4. a:visited {color: #660066;}
  5. a:hover {text-decoration: none; color: #ff9900; font-weight:bold;}
  6. a:active {color: #ff0000;text-decoration: none}
  7. </head>
  8. <p><a href="/css/css_hyperlinks.cfm" target="_blank">CSS Hyperlinks</a></p>
  9. </body>

Pozdrav
↑  ↓

Stranice (1): 1


All times are GMT +01:00. Current time: 18.10.2017-04:36.