Objavite svoj projekt
Od zadnje objave projekta ste naredili nekaj sprememb.
Kaže, da se vaš projekt dolgo nalaga.
Če se ne naloži, poskusite znova naložiti stran.
Če to ne pomaga, nas obvestite.
Znova naložite stran in poskusite naložiti Thimble.
Za podrobnosti o napaki odprite konzolo svojega brskalnika.
OPOMBA: Če uporabljate način zasebnega brskanja, ponovno naložite stran v navadnem načinu.
<!-- Tukaj napišite komentar -->
<table> <tr> <th>Naslov</th> <th>Naslov</th> </tr> <tr> <td>Vrednost</td> <td>Vrednost</td> </tr> </table>
<ol> <li>Element 1</li> <li>Element 2</li> <li>Element 3</li> </ol>
<ul> <li>Element 1</li> <li>Element 2</li> <li>Element 3</li> </ul>
<form action="" method="get"> <label for="first-name">Ime</label> <input id="first-name" type="text" name="firstname"><br> <label for="last-name">Priimek</label> <input id="last-name" type="text" name="lastname"><br> <input type="submit" value="Pošlji"> </form>
<script src="script.js"></script>
<!-- Dodajte oznako <link> v datoteko HTML. Ponavadi gredo v oznako <head> --> <link href="style.css" rel="stylesheet">
<video width="320" height="240" controls> <source src="video.mp4" type="video/mp4"> Vaš brskalnik ne podpira oznake "video". </video>
<audio controls> <source src="audio.mp3" type="audio/mpeg"> Vaš brskalnik ne podpira oznake "audio". </audio>
/* Tukaj napišite komentar */
p { font-size: 20px; }
.className { background-color: green; }
#idName { background-color: green; }
/* Element, ki mu želite dodati animacijo */ .animated { animation-name: animationName; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: ease-out; } /* Koda animacije */ @keyframes animationName { 0% { background-color: red; } 50% { background-color: orange; } 100% { background-color: yellow; } }
/* Osnovni slog */ a:link { color: RoyalBlue; text-decoration: none; } /* Obiskano */ a:visited { color: Orchid; } /* Aktivno */ a:active { color: OrangeRed; } /* Poudarjeno */ a:hover { text-decoration: underline; }
@media screen and (max-width: 320px) { /* Pravila, ko je zaslon širok do 320 pik */ } @media screen and (min-width: 321px) and (max-width: 768px) { /* Pravila, ko je zaslon širok med 321 in 768 pikami */ } @media screen and (min-width: 769px) { /* Pravila, ko je zaslon širši od 768 pik */ }
@font-face { font-family: myFirstFont; src: url(sansation_bold.woff); font-weight: bold; }
/* Doda puščico pred vsak element s class='arrow' */ .arrow::before { content: "→"; background: DodgerBlue; color: white; }
// Tukaj napišite komentar
function sayHello(name) { console.log("Živijo, " + name); } sayHello("David");
var names = ["David", "Miha", "Urška"];
var person = { name: "Miha", skills: ["JS", "HTML"] };
var names = ["David", "Miha", "Urška"]; var name; for (var i = 0; i < names.length; i++) { name = names[i]; console.log(name); }
var count = 5; while (count > 0) { console.log(count); count = count - 1; }
var name = "Miha"; if (name === "Miha") { console.log("Živijo, " + name); } else if (name === "Urška") { console.log("Živijo, " + name); } else { console.log("Živijo, neznanec!"); }
var name = "Miha"; switch(name) { case "Miha": console.log("Živijo, " + name); break; case "Urška": console.log("Živijo, " + name); break; default: // Naredi nekaj, če ni izpolnjen noben pogoj console.log("Živijo, neznanec!"); }
// Izberi element z id="button" var element = document.querySelector('#button'); element.addEventListener("click", function() { console.log("Click!"); });
// Izberi element z id="alert" var element = document.querySelector('#alert'); element.style.background = "OrangeRed";
Od zadnje objave projekta ste naredili nekaj sprememb.