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 Tags Overview
Tag: All HTML documents start and stop with the
<html>tag so drop one in to begin, and to end your document.Tag: You'll find the brains of the operation, at the start, in the
<head>- not seen on the page. You might want to add a title within the<head>.Tag</strong>: The <code><title></code> tag is important as it names your document.</p> </li> <li><p><strong><body> Tag</strong>: All of the content will be layered in the <strong><code><body></code></strong>. Go ahead, jam in as many toppings as you can.</p> </li> <li><p><strong><p> Tag</strong>: Need a new <strong>paragraph</strong>? Drop a newspaper in to get a new paragraph.</p> </li> <li><p><strong><div> Tag</strong>: A <code><div></code> is a division in the content, separating things in the <strong>body</strong>.</p> </li> <li><p><strong><h1> Tag</strong>: The <code><h1></code> to <code><h6></code> tags are here for headings. The most important ones are the <strong>H1</strong>.</p> </li> <li><p><strong><br> Tag</strong>: This creates a line break between lines of text.</p> </li> <li><p><strong><strong> Tag</strong>: Use the <code><strong></code> tag to emphasize something and say it strongly.</p> </li> <li><p><strong><img> Tag</strong>: Use <code><img></code> to add an image to your page.</p> </li> <li><p><strong><map> Tag</strong>: The <code><map></code> tag adds a location in your document.</p> </li> <li><p><strong><ul> Tag</strong>: The <code><ul></code> tag is for unordered lists, useful for checklists.</p> </li> <li><p><strong><li> Tag</strong>: Use <code><li></code> to create items in a list.</p> </li> <li><p><strong><b> Tag</strong>: The <code><b></code> tag is for making text bold.</p> </li> <li><p><strong><i> Tag</strong>: The <code><i></code> tag is used for italicized text.</p> </li> <li><p><strong><span> Tag</strong>: The <code><span></code> tag is a section in the document.</p> </li> <li><p><strong><a> Tag</strong>: Use the <code><a></code> tag to create links that connect to various sources, pages, or content.</p> </li> <li><p><strong><blockquote> Tag</strong>: Use <code><blockquote></code> to add quotes.</p> </li> <li><p><strong><table> Tag</strong>: The <code><table></code> tag is useful for structuring data in rows and columns.</p> </li> <li><p><strong><audio> Tag</strong>: The <code><audio></code> tag is for adding music.</p> </li> <li><p><strong><video> Tag</strong>: To add a video to your page, use the <code><video></code> tag.</p> </li> </ol> </section> </article> </main> <footer> <p>Original source: <a href="https://www.codemoji.com/playground.php?id=264">https://www.codemoji.com/playground.php?id=264</a></p> </footer> </body> </html>