Playground Introduction

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 Explanation

  1. <html> - This is the tag that signifies the start and end of an HTML document.

  2. <head> - Contains meta-information about the document, such as its title.

  3. <title> - Sets the title of the document, which appears in the browser tab.

  4. <body> - Contains the content of the webpage that is displayed to the user.

  5. <h1> to <h6> - Header tags used for titles and subtitles in descending order of importance.

  6. <p> - Defines a paragraph of text.

  7. <div> - A division tag used to separate content sections.

  8. <br> - Creates a line break, separating content within a paragraph.

  9. <strong> - Used to indicate strong importance, typically displayed as bold text.

  10. <img> - Tag used to embed images.

  11. <a> - Anchor tag used to create hyperlinks.

  12. <blockquote> - Used for quoting text from another source.

  13. <ul> - Unordered list tag.

  14. <li> - List item tag inside unordered or ordered lists.

  15. <table> - Defines a table in the document, making it easier to organize and present data.

  16. <audio> - Embeds sound content into the web page.

  17. <video> - Embeds video content into the web page.

Emoji Usage

  • Emojis can be utilized to enhance the visual appeal of your webpage and to represent various elements such as lists, images, and actions.