Centar za edukaciju-BiH

iCentar → Racunari i oprema → Programirannje i baze podataka → Html/CSS → arhiva


switch Lista naslova: Trikovi HTML-a
Prosiri i skupi Opcije teme
Stranice (3):1,2,3

#11 03.05.2020 12:36
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


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

#12 03.05.2020 12:39
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


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

#13 03.05.2020 13:28
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


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

#14 03.05.2020 21:33
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


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

#15 05.05.2020 19:52
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


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

#16 04.09.2020 13:07
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


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;">
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#17 29.09.2020 09:18
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


Predmet:Color piker
Lak nacin za odabir boja.
PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  3.     <head>
  4.         <title>boje</title>
  5.     </head>
  6.     <body>
  7.         <h1>Odabir noja</h1>
  8.         <b>Input tekst zu boju: </b>
  9.         <input type="color">
  10.         </div>
  11.     </body>
  12. </html>
  13. </BODY>
  14. </HTML>
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#18 29.09.2020 09:25
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


Predmet:Automatsko osvjezenje stranice
Automatsko osvježavanje dokumenta nakon spomenutog vremena.
PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  3.     <head>
  4.         <title>Refresh stranice</title>
  5.         <meta http-equiv="refresh" content="6">
  6.         <style>
  7.             .conatiner {
  8.                 text-align: center;
  9.             }
  10.  
  11.             h1 {
  12.                 color: green;
  13.             }
  14.         </style>
  15.     </head>
  16.     <body>
  17.         <div class="conatiner">
  18.         <h1>Refresh</h1>
  19.         <b>Refres nakon 6 sec</b>
  20.         </div>
  21.     </body>
  22. </html>
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#19 29.09.2020 09:54
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


Predmet:Prepoznavanje glasa
Napomena: Ovo će raditi samo na mobilnim uređajima.
PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  3.     <head>
  4.         <title>Prepoznavanje glasa</title>
  5.         <style>
  6.             .conatiner {
  7.                 text-align: center;
  8.             }
  9.  
  10.             h1 {
  11.                 color: green;
  12.             }
  13.         </style>
  14.     </head>
  15.     <body>
  16.         <div class="conatiner">
  17.         <b>Reci nesto</b>
  18.         <input type="text" x-webkit-speech>
  19.         </div>
  20.     </body>
  21. </html>
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#20 18.10.2020 13:06
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


Predmet:figure
Moze se koristiti za prikaz fotografije.
Imamo jos i <figcaption> za prikaz teksta.
PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Naslov</TITLE>
  5. </HEAD>
  7.  <figure>
  8.   <img src="https://icentar.ba/icentar/download/orasisak.JPG" alt="Nema slike" style="width:30%">
  9.   <figcaption></br>Omladinska radna akcija</figcaption>
  10. </figure
  11. </BODY>
  12. </HTML>
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

Stranice (3):1,2,3

Srodne teme

Ko je online?

Aktivni clanovi:
nema clanova


Kontakt
Sva vremena su GMT +02:00. Trenutno vrijeme: 2: 35 am.