> For the complete documentation index, see [llms.txt](https://chnn-anne.gitbook.io/mern-stack/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://chnn-anne.gitbook.io/mern-stack/html-cheatsheet.md).

# HTML Cheatsheet

### Overview

You are going to create an HTML cheat sheet of some of the most common elements.  It's going to look something like this.

![](https://1336010533-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWvM--ORajEf7cHwnl6%2F-MYIK7mpPh_S2utNS4RE%2F-MYMGDm1IGZFGxlaMKrE%2Fimage.png?alt=media\&token=187558f1-b840-4a27-beb4-75114ce3eed8)

### Project Setup

* If you don't already have an account on CodePen, create one.
* Fork the CodePen pen below.
* Provide your own content for each of the Example sections. Look for the comment: 
  * \<!--- Add your example here --->
* To turn in your assignment, just provide the url to your pen.

{% embed url="<https://codepen.io/annechinn/pen/ExZRoVv>" %}

### Help, If Needed

Use [MDN ](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)as a reference.

You can view a finished version here, but only consult it if you are having trouble. Try on your own to complete it from the blank first.

{% embed url="<https://codepen.io/annechinn/full/LYxreGd>" %}

### Resources

{% embed url="<https://codepen.io>" %}

{% embed url="<https://www.youtube.com/watch?v=vb9uYBtqmeM>" %}