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

<html>
<head>
<title>Your Title Here</title>
</head>
<body>
    <h1>Your Main Heading</h1>
    <p>Your paragraph text goes here.</p>
    <div>
        <!-- Your content here -->
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
        </ul>
    </div>
</body>
</html>

Tags and Their Functions

  1. <html>: All HTML documents start and stop with the <html> tag.
  2. <head>: Contains meta-information about the document; not displayed on the page.
  3. <title>: Sets the title of the document, displayed in the browser tab.
  4. <body>: Contains all the content that is displayed in the page.
  5. <h1>: Main heading, important for structure.
  6. <p>: Denotes a paragraph of text.
  7. <div>: A division or section of the content.
  8. <ul>: An unordered list.
  9. <li>: A list item in either an ordered or unordered list.
  10. <strong>: Indicates strong importance; usually bold.
  11. <i>: Styled in italics; used for emphasis.
  12. <br>: Inserts a line break.
  13. <img>: Embeds an image in the document.
  14. <a>: Represents a hyperlink.
  15. <video>: Embeds a video in the document.
  16. <audio>: Embeds audio content.
  17. <table>: Creates a data table.
  18. <tr>: Table row.
  19. <td>: Table data cell.

These tags combine to create the structure of a webpage and allow for easy navigation and formatting of content.