Centar za edukaciju-BiH


switch Lista naslova: Primjeri za pocetnike

#1 27.02.2011 02:08
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


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.
Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#2 27.02.2011 02:08
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


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>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 1 puta. Posljednja izmjena 27.02.2011 02:10 od strane zxz. ↑  ↓

#3 27.02.2011 20:30
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


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>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#4 27.02.2011 20:34
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


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>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#5 27.02.2011 20:45
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


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>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#6 27.02.2011 20:55
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


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>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#7 02.04.2011 23:52
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


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>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 1 puta. Posljednja izmjena 02.04.2011 23:53 od strane zxz. ↑  ↓

#8 02.04.2011 23:57
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


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>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#9 03.04.2011 00:00
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


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>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 1 puta. Posljednja izmjena 03.04.2011 00:01 od strane zxz. ↑  ↓

#10 03.04.2011 00:04
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


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>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

Stranice (2):1,2


Sva vremena su GMT +01:00. Trenutno vrijeme: 11: 54 pm.