Publish your Project
आपने इस परियोजना को आखिरी बार प्रकाशित करने के बाद से परिवर्तन किए हैं.
Your project seems to be taking a long time to load.
If it doesn't load, please reload the page to try again.
If that doesn't help, let us know.
Please reload your browser to try loading Thimble again.
For error details open your browser's Developer Tools console.
NOTE : यदि आप निजी ब्राउज़िंग मोड का उपयोग कर रहे हैं, तो कृपया सामान्य मोड में पुनः लोड करें.
<!-- यहाँ अपनी टिप्पणी जोड़ें -->
<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>
<!-- Add the <link> tag to your HTML file. These usually go in the <head> tag --> <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; } /* आस-पास */ a:hover { text-decoration: underline; }
@media screen and (max-width: 320px) { /* रुल जब स्क्रीन 320px चौड़ा तक हो */ } @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("Hello, " + 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("Hello, " + name); } else if (name === "Kate") { console.log("Hello, " + name); } else { console.log("Hello, stranger!"); }
var name = "Bob"; switch(name) { case "Bob": console.log("Hello, " + name); break; case "Kate": console.log("Hello, " + name); break; default: // Do something if no condition was met console.log("Hello, stranger!"); }
// Select an element with id="button" var element = document.querySelector('#button'); element.addEventListener("click", function() { console.log("Click!"); });
// Select the element with id='alert' var element = document.querySelector('#alert'); element.style.background = "OrangeRed";
आपने इस परियोजना को आखिरी बार प्रकाशित करने के बाद से परिवर्तन किए हैं.