zxz 03.05.2020 11:36
Predmet:autocomplete

Ukoliko necete da vam se na poljima za upis pojavljuju histori pregledi onda trebate koristiti opciju autocomplete
Primjer:
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>Ispunite i predajte obrazac i kliknite na klikni taster, a zatim ponovno u
  8. itajte stranicu, po
  9. nite ponovo ispunjavati obrazac - i pogledajte kako funkcionira autokompletiranje</p>
  10.  <p>Poslije postavite autocomplete="off"</p>
  11.  <form action="/action_page.php" method="get" autocomplete="on">
  12.   <label for="fname">Ime:</label>
  13.   <input type="text" id="fname" name="fname"><br><br>
  14.   <label for="email">Email:</label>
  15.   <input type="text" id="email" name="email"><br><br>
  16.   <input type="submit" value="klikni">
  17. </form>
  18. </BODY>
  19. </HTML>

zxz 03.05.2020 11:39
Predmet:TABLE-frame

Primjer tabele malo drugacije:
PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7. <TABLE frame="box" rules="groups" summary="The Results of the Big XHTML Playoffs.">
  8. <CAPTION>The XHTML Playoffs</CAPTION>
  9. <COLGROUP align="center">
  10. <COL>
  11. <COL style="background-color: #FFFFAA;">
  12. <COL style="background-color: #BDFCC9;">
  14. <TR>
  15. <TH>Game
  16. <TH>Elements
  17. <TH>Entities
  18. <TFOOT style="background-color: #05FFFF;">
  19. <TR>
  20. <TD colspan="3">Entities Win!
  22. <TR><TD>1<TD>3<TD>0
  23. <TR><TD>2<TD>5<TD>4
  24. <TR><TD>3<TD>2<TD>8
  25. <TR><TD>4<TD>7<TD>9
  26. <TR><TD>5<TD>0<TD>1
  28. </BODY>
  29. </HTML>

zxz 03.05.2020 12:28
Predmet:fieldset

fieldset koristiom ukoliko hocemo da oivicimo neke podatke koji pripadaju istom naslovu odnosno grupi.
Primjer:
PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7. <form action="">
  9.   <legend>Li
  10. ni podaci:</legend>
  11.   <label for="fname">Prezime:</label>
  12.   <input type="text" id="prezime" name="prezime"><br><br>
  13.   <label for="lname">Ime:</label>
  14.   <input type="text" id="ime" name="ime"><br><br>
  15.   <label for="email">Email:</label>
  16.   <input type="email" id="email" name="email"><br><br>
  17.   <input type="submit" value="Submit">
  19. </form>
  20. </BODY>
  21. </HTML>

zxz 03.05.2020 20:33
Predmet:details i summary

Primjer je uradjen u tabeli.
Naravno da moze raditi i bez tabele.
PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7. <TABLE BORDER="1">
  8. <TR>
  9.   <TD ALIGN="left">
  10.   <!--Cell at 1 row, 1 column-->
  11.  DEL Precision
  12.   </TD>
  13.   <TD ALIGN="left">
  14.   <!--Cell at 1 row, 2 column-->
  15. <details>
  16. <summary>PROCESOR: Xeon</summary>
  17. E3-1270 V2  8x 3.50 turbo boost 8x 3.90GHz<br>
  18. RAM: 8GB<br>
  19. HARD DISK: 250GB<br>
  20. GRAFIKA: NVIDIA Quadro 2000   1GB GDDR5<br>
  21. DVD RW<br>
  22. Display port<br>
  23. DVI<br>
  24. USB 3.0<br>
  25. </details>
  26.   </TD>
  27. </TR>
  28. <TR>
  29.   <TD ALIGN="left">
  30.   <!--Cell at 2 row, 1 column-->
  31.   DEL PRECISUION
  32.   </TD>
  33.   <TD ALIGN="left">
  34.   <!--Cell at 2 row, 2 column-->
  35. <details>
  36. <summary>Intel® Xeon® Processor</summary>
  37. E3-1240 - 3.40 GHz<br>
  38. Ram: 12 GB ddr3<br>
  39. Memorija: 500 GB<br>
  40. Grafika: nVidia NV5 510 - 1 GB ddr5 / 4x mini dp<br>
  41. Optika: DVD rezac<br>
  42. Sistem: Windows 10 64 bit, Office 2010, aktiviran!<br>
  43. </details>
  44.   </TD>
  45. </TR>
  47. </BODY>
  48. </HTML>

zxz 05.05.2020 18:52
Predmet:Hidden na vise elemenata

Ukoliko vise elemenata neke foprme zelimo da budu nevidljivi onda to mozemo tasko sto cemo opciji div dodijeliti tu osobinu.
Svi elementi izmedju taga div bit ce nevidljivi.
PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7. <form action="">
  8. <div hidden>
  10.   <legend>Li
  11. ni podaci:</legend>
  12.   <label for="fname">Prezime:</label>
  13.   <input type="text" id="prezime" name="prezime"><br><br>
  14.   <label for="lname">Ime:</label>
  15.   <input type="text" id="ime" name="ime"><br><br>
  16.   <label for="email">Email:</label>
  17.   <input type="email" id="email" name="email"><br><br>
  18.   <input type="submit" value="Submit">
  20.  </div>
  21. </form>
  22. </BODY>
  23. </HTML>

zxz 04.09.2020 12:07
Predmet:alt opcija u tagu img

tekst alt tekst ce se pojaviti ukoliko ne uspje ucitavanje slike
<img src="neka_slika.jpg" alt="Nazalost slika nije nadjena" style="width:500px;height:600px;">

zxz 18.10.2020 12:37
Predmet:datalist-prijedlog za unos u input

PreuzmiIzvorni kôd (HTML):
  3. <TITLE>datalist</TITLE>
  4. </HEAD>
  6. <input type="text" list="prijedlog">
  7. <datalist id="prijedlog">
  8.     <option value="Zemlja"></option>
  9.     <option value="Jupiter"></option>
  10.     <option value="Mars"></option>
  11.     <option value="Mjesec"></option>
  12.     <option value="Titan"></option>
  13.     <option value="Saturn"></option>
  14. </datalist>
  15. </BODY>
  16. </HTML>

zxz 18.10.2020 12:27
Predmet:meter vrijednosti unutar raspona

Element možete koristiti za mjerenje podataka unutar određenog raspona i to s min i max vrijednostima ili s postotkom.
PreuzmiIzvorni kôd (HTML):
  3. <TITLE>Meter</TITLE>
  4. </HEAD>
  6. <meter value="2" min="0" max="10">2 od 10</meter>
  7. <meter value="0.6">60%</meter>
  8. </BODY>
  9. </HTML>

zxz 18.10.2020 12:32
Predmet:contenteditable-Dozvola editovanja

Ovaj atribut određuje može li se sadržaj elementa uređivati ​​ili ne.
PreuzmiIzvorni kôd (HTML):
  3. <TITLE>contenteditable</TITLE>
  4. </HEAD>
  6. <p contenteditable="true">Ovaj tekst se moze mijenjati u html-u.</p>
  7. </BODY>
  8. </HTML>

zxz 18.10.2020 12:21
Predmet:Progres

Samo isprobajte.
PreuzmiIzvorni kôd (HTML):
  3. <TITLE>Progres</TITLE>
  4. </HEAD>
  6.  <progress value="63" max="100">
  7. </progress>
  8. </BODY>
  9. </HTML>