Δημοσίευση έργου
Έχετε κάνει αλλαγές από την τελευταία δημοσίευση του έργου αυτού.
Το έργο σας φαίνεται πως χρειάζεται πολύ ώρα για να φορτώσει.
Αν δεν φορτώσει, παρακαλώ ανανεώστε τη σελίδα για να δοκιμάσετε ξανά.
Αν αυτό δεν βοηθά, ενημερώστε μας.
Παρακαλώ φορτώστε εκ νέου το πρόγραμμα περιήγησής σας για να δοκιμάσετε να φορτώσετε ξανά το Thimble.
Για λεπτομέρειες σφάλματος, ανοίξτε την κονσόλα των εργαλείων για προγραμματιστές του προγράμματος περιήγησής σας.
ΣΗΜΕΙΩΣΗ: αν χρησιμοποιείτε τη λειτουργία Ιδιωτικής Περιήγησης, παρακαλώ φορτώστε εκ νέου στην κανονική λειτουργία.
<!-- Προσθέστε το σχόλιό σας εδώ -->
<table> <tr> <th>Επικεφαλίδα</th> <th>Επικεφαλίδα</th> </tr> <tr> <td>Τιμή</td> <td>Τιμή</td> </tr> </table>
<ol> <li>Αντικείμενο 1</li> <li>Αντικείμενο 2</li> <li>Αντικείμενο 3</li> </ol>
<ul> <li>Αντικείμενο 1</li> <li>Αντικείμενο 2</li> <li>Αντικείμενο 3</li> </ul>
<form action="" method="get"> <label for="first-name">Όνομα</label> <input id="first-name" type="text" name="firstname"><br> <label for="last-name">Επώνυμο</label> <input id="last-name" type="text" name="lastname"><br> <input type="submit" value="Υποβολή"> </form>
<script src="script.js"></script>
<!-- Προσθέστε την ετικέτα <link> στο αρχείο HTML σας. Συνήθως, πηγαίνουν στην ετικέτα <head> --> <link href="style.css" rel="stylesheet">
<video width="320" height="240" controls> <source src="video.mp4" type="video/mp4"> Το πρόγραμμα περιήγησής σας δεν υποστηρίζει την ετικέτα βίντεο. </video>
<audio controls> <source src="audio.mp3" type="audio/mpeg"> Το πρόγραμμα περιήγησής σας δεν υποστηρίζει την ετικέτα ήχου. </audio>
/* Προσθέστε το σχόλιό σας εδώ */
p { font-size: 20px; }
.className { background-color: green; }
#idName { background-color: green; }
/* Το στοιχείο όπου θα εφαρμοστεί το εφέ κίνησης */ .animated { animation-name: animationName; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: ease-out; } /* Ο κώδικας του εφέ κίνησης */ @keyframes animationName { 0% { background-color: red; } 50% { background-color: orange; } 100% { background-color: yellow; } }
/* Βασικό στυλ */ a:link { color: RoyalBlue; text-decoration: none; } /* Έγινε επίσκεψη */ a:visited { color: Orchid; } /* Ενεργό */ a:active { color: OrangeRed; } /* Hovered */ a:hover { text-decoration: underline; }
@media screen and (max-width: 320px) { /* Rules when screen is up to 320px wide */ } @media screen and (min-width: 321px) and (max-width: 768px) { /* Rules when screen is between 321px and 768px wide */ } @media screen and (min-width: 769px) { /* Rules when screen is wider than 768px */ }
@font-face { font-family: myFirstFont; src: url(sansation_bold.woff); font-weight: bold; }
/* Adds an arrow before every element with class='arrow' */ .arrow::before { content: "→"; background: DodgerBlue; color: white; }
// Προσθέστε το σχόλιό σας εδώ
function sayHello(name) { console.log("Γεια σας, " + name); } sayHello("David");
var names = ["David", "Bob", "Kate"];
var person = { name: "Bob", skills: ["JS", "HTML"] };
var names = ["David", "Bob", "Kate"]; 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 = "Bob"; if (name === "Bob") { console.log("Γεια σας, " + name); } else if (name === "Kate") { console.log("Γεια σας, " + name); } else { console.log("Γεια σου, ξένε!"); }
var name = "Bob"; switch(name) { case "Bob": console.log("Γεια σας, " + name); break; case "Kate": console.log("Γεια σας, " + name); break; default: // Do something if no condition was met console.log("Γεια σου, ξένε!"); }
// Επιλέξτε ένα στοιχείο με id="button" var element = document.querySelector('#button'); element.addEventListener("click", function() { console.log("Click!"); });
// Επιλέξτε το στοιχείο με id='alert' var element = document.querySelector('#alert'); element.style.background = "OrangeRed";
Έχετε κάνει αλλαγές από την τελευταία δημοσίευση του έργου αυτού.