Wozjewće swój projekt
Sće změny přewjedł wot toho, zo sće tutón projekt posledni raz wozjewił.
Zda so, zo waš projekt wjele časa trjeba, zo by so začitał.
Jeli so njezačita, začitajće prošu stronu znowa, zo byšće hišće raz spytał.
Jeli to njepomha, sćelće nam powěsć.
Prošu startujće swój wobhladowak znowa, zo byšće Thimble znowa začitać.
Wočińće konsolu wuwiwarskich nastrojow wobhladowaka za zmylkowe podrobnosće.
POKIW: Jeli priwatny modus wužiwaće, začitujće w normalnym modusu znowa.
<!-- Přidajće tu swój komentar -->
<table> <tr> <th>Nadpismo</th> <th>Nadpismo</th> </tr> <tr> <td>Hódnota</td> <td>Hódnota</td> </tr> </table>
<ol> <li>Zapisk 1</li> <li>Zapisk 2</li> <li>Zapisk 3</li> </ol>
<ul> <li>Zapisk 1</li> <li>Zapisk 2</li> <li>Zapisk 3</li> </ul>
<form action="" method="get"> <label for="first-name">Předmjeno</label> <input id="first-name" type="text" name="firstname"><br> <label for="last-name">Swójbne mjeno</label> <input id="last-name" type="text" name="lastname"><br> <input type="submit" value="Wotpósłać"> </form>
<script src="script.js"></script>
<!-- Přidajće swojej HTML-dataji značku <link>. Zwjetša wona do znački <head> słuša --> <link href="style.css" rel="stylesheet">
<video width="320" height="240" controls> <source src="video.mp4" type="video/mp4"> Waš wobhladowak element video njepodpěruje. </video>
<audio controls> <source src="audio.mp3" type="audio/mpeg"> Waš wobhladowak element audio njepodpěruje. </audio>
/* Přidajće tu swój komentar */
p { font-size: 20px; }
.className { background-color: green; }
#idName { background-color: green; }
/* Element, na kotryž ma so animacija nałožić */ .animated { animation-name: animationName; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: ease-out; } /* Žórłowy kod animacije */ @keyframes animationName { 0% { background-color: red; } 50% { background-color: orange; } 100% { background-color: yellow; } }
/* Zakładny stil */ a:link { color: RoyalBlue; text-decoration: none; } /* Wopytane */ a:visited { color: Orchid; } /* Aktiwne */ a:active { color: OrangeRed; } /* Přejědźene */ a:hover { text-decoration: underline; }
@media screen and (max-width: 320px) { /* Prawidła, hdyž wobrazowka je šěroka hač do 320 px */ } @media screen and (min-width: 321px) and (max-width: 768px) { /* Prawidła, hdyž wobrazowka je šěroka mjez 321 px a 768 px */ } @media screen and (min-width: 769px) { /* Prawidła, hdyž wobrazowka je šěrša hač 768 px */ }
@font-face { font-family: myFirstFont; src: url(sansation_bold.woff); font-weight: bold; }
/* Přidawa šipk před kóždym elementom z class='arrow' */ .arrow::before { content: "→"; background: DodgerBlue; color: white; }
// Přidajće tu swój komentar
function sayHello(name) { console.log("Witaj, " + name); } sayHello("David");
var names = ["David", "Robert", "Kata"];
var person = { name: "Robert", skills: ["JS", "HTML"] };
var names = ["David", "Robert", "Kata"]; 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 = "Robert"; if (name === "Robert") { console.log("Witaj, " + name); } else if (name === "Kata") { console.log("Witaj, " + name); } else { console.log("Witaj cuzbniko!"); }
var name = "Robert"; switch(name) { case "Robert": console.log("Witaj, " + name); break; case "Kata": console.log("Witaj, " + name); break; default: // Čińće něšto, hdyž žane wuměnjenje spjelnjene njeje console.log("Witaj cuzbniko!"); }
// Wubjerće element z id="button" var element = document.querySelector('#button'); element.addEventListener("click", function() { console.log("Click!"); });
// Element z id='alert' wubrać var element = document.querySelector('#alert'); element.style.background = "OrangeRed";
Sće změny přewjedł wot toho, zo sće tutón projekt posledni raz wozjewił.