# 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.

## HTML Structure
---

```html
<html>
<head>
<title>Your Title Here</title>
</head>
<body>
<h1>Your Main Heading</h1>
<p>Your paragraph here.</p>
<div>
  <strong>Strong Text</strong>
  <i>Italic Text</i>
  <span>Some Span Text</span>
</div>
<ul>
  <li>List Item 1</li>
  <li>List Item 2</li>
  <li>List Item 3</li>
</ul>
<img src="https://www.codemoji.com/images/example.png" alt="Example Image">
<a href="https://www.example.com">This is a link</a>
<blockquote>This is a quote.</blockquote>
<table>
  <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
</table>
<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>
```

### Tags Reference

1. `<html>` - This is the HTML document root.
2. `<head>` - Contains meta information about the document, including `<title>`.
3. `<body>` - Contains the visible content of the document.
4. `<h1>` - Main heading (largest).
5. `<strong>` - Important text.
6. `<i>` - Italic text, usually for titles.
7. `<span>` - Inline container for text.
8. `<div>` - Block-level container for structure.
9. `<ul>` - Unordered list.
10. `<li>` - List item in an unordered or ordered list.
11. `<blockquote>` - Used for quotes.
12. `<table>`, `<tr>`, `<td>` - Structure for tabular data.
13. `<audio>` - Embeds audio content.
14. `<video>` - Embeds video content.
