You have learned a lot about using HTML in this lesson, including many tags that you can use to structure your webpage. But it can be hard to remember all of those tags! In this lab, you will create a webpage that lists all of the tags that you’ve learned and how they are used…you can think of it as a cheat sheet for future HTML projects. Here’s how to do it:

Create a new REPL in REPL. it (https://repl. it/). (Remember to choose HTML, CSS, JS as your language). Name it HTML Cheat Sheet.

Your webpage should have the following elements:

A title
A header
A list (either ordered or unordered—your choice) of these tags:
HTML
head
title
body
h1
p
div
strong
a
br /
img
ul
ol
li
hr /
A brief explanation of what each tag does.
You have enough coding experience that a potential problem might occur to you: If you add to your list, then the interpreter is not going to add to the list but rather treat it as the command to create a header. You need an escape character! In Python, the escape character is the \ followed by whatever character you wanted to include. But HTML is a bit different; you replace the character entirely. So, you’ll need two escape characters:

Instead of the < , type & lt

Instead of the > , type & gt

For example, your line for the tag should look like this:

& lt head & gt begins a header
The output of that line looks like this if you are using an ordered list:

< head> begins a header
And the output will look like this if you are using an unordered list:

< head> begins a header
If you want to go the extra mile, you can add some CSS declarations to make your webpage more interesting.

When you are satisfied with your webpage, take a screenshot of your HTML and of your webpage to turn in. If you can’t get your program to work properly, turn in a screenshot along with a paragraph explaining what you did to try to fix it.