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 Examples

HTML Structure

<html>
<head>
    <title>Your Title Here</title>
</head>
<body>
    <h1>Your Heading Here</h1>
    <p>Your paragraph here.</p>
    <div>Your content in a division.</div>
    <br>
    <strong>Your strong text.</strong>
    <em>Your italic text.</em>
    <a href="https://example.com">Your link here</a>
</body>
</html>

Tag Descriptions

  1. HTML Tag: All HTML documents start and stop with the <html> tag, so drop one in to begin and to end your document.
  2. Head Tag: You'll find the brains of the operation in the <head>; add a <title> here to give your document a name.
  3. Body Tag: All content is layered in the <body>; put your content between the opening and closing body tags.
  4. Paragraph Tag: The <p> tag is used for paragraphs, just like in newspapers.
  5. Div Tag: The <div> tag separates contents in the body.
  6. Heading Tags: Use <h1> to <h6> for headings, where <h1> is the most important.
  7. Break Tag: The <br> tag creates a line break in the content.
  8. Strong Tag: The <strong> tag emphasizes text.
  9. Image Tag: Use <img> to add images to your page.
  10. Link Tag: The <a> tag is used for hyperlinks.
  11. List Tags: Use <ul> for unordered lists and <li> for list items.
  12. Blockquote Tag: The <blockquote> tag is used for quotes.
  13. Table Tags: Use <table>, <tr>, <td> for structuring data in tables.
  14. Audio/Video Tags: Use <audio> and <video> to embed audio and video content.

Emojis List

  • Smiley Emojis

    - -

  • Other Emojis