Welcome to the Playground!!

I see that it's your first time here. Please consider doing a few lessons first if you are not familiar with Codemoji and in no time you'll be able to come back and master the playground!

This area is called the playground. You can use it to play around with the different tags, building whatever webpage you would like. There are no rules! Simply drag the emojis from the Emoji Box into the text editor on the left and then add text to see what you can create.

As always, press the blue "Run Code" button in the bottom left corner of the screen to run your code, then press the purple "View Code" button that appears to see what you've created!

If you forget your task (to play!) or would like a refresher as to how the playground works, simply click the white triangle in the bottom left corner of the screen and this tip will reappear.

Code Blocks

<html>
  <head>
    <title>Your Title</title>
  </head>
  <body>
    <h1>Welcome to Codemoji!</h1>
    <p>This is a paragraph.</p>
    <div>A division of content.</div>
    <ul>
      <li>List Item 1</li>
      <li>List Item 2</li>
    </ul>
    <br>
    <strong>Bold Text</strong>
    <em>Italicized Text</em>
    <img src="https://www.codemoji.com/images/camera.png" alt="Image" />
  </body>
</html>

Tags Explanation

  1. : This is the HTML tag. All HTML documents start and stop with it.
  2. : The brains of the operation at the start of the document.
  3. </strong>: Used for giving a name to the document.</li> <li><strong><body></strong>: Contains all the content for the webpage.</li> <li><strong><p></strong>: Defines a paragraph.</li> <li><strong><div></strong>: A division in the content.</li> <li><strong><h1></strong>: Header tag indicating the main title.</li> <li><strong><br></strong>: Creates a line break.</li> <li><strong><strong></strong>: Used to emphasize text strongly.</li> <li><strong><em></strong>: Used for italicized text.</li> <li><strong><img></strong>: Tag for adding images.</li> <li><strong><ul></strong>: Defines an unordered list.</li> <li><strong><li></strong>: A list item in ordered or unordered lists.</li> <li><strong><a></strong>: Used to create hyperlinks.</li> <li><strong><audio></strong>: For adding audio elements.</li> <li><strong><video></strong>: For adding video elements.</li> </ol> </section> </article> </main> <footer> <p>Original source: <a href="https://www.codemoji.com/playground.php?id=276">https://www.codemoji.com/playground.php?id=276</a></p> </footer> </body> </html>