This lesson's interactive features are locked, please to keep using them

Cheat Sheet

This cheat sheet provides a quick reference for all the HTML and Markdown syntax you'll need to complete this project. Feel free to bookmark this page or open it in another tab so you can come back to it as you work on this project.

References

Discord, GitHub, and ChatGPT all support Markdown messages. When you use Markdown on those platforms it will render beautifully.

HTML Headings

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Markdown Headings

# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

HTML Paragraphs

<p>This is a paragraph of text.</p>

Markdown Paragraphs

This is a paragraph of text.

HTML Bold

<p>This is a <b>bold</b> word.</p>

Markdown Bold

This is a **bold** word.

HTML Italics

<p>This is an <i>italic</i> word.</p>

Markdown Italics

This is an _italic_ word.

Note: *this is italic* and _this is italic_ both work in markdown, but we'll use _italic_ in this project.

HTML Links

This is a paragraph with a <a href="https://www.google.com">link</a>.

Markdown Links

This is a paragraph with a [link](https://www.google.com).

HTML Images

<img src="url/of/image.jpg" alt="Description of image" />

Markdown Images

![Description of image](url/of/image.jpg)

HTML Unordered Lists

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

Markdown Unordered Lists

- Item 1
- Item 2
- Item 3

Note: - Item 1 and * Item 1 both work in markdown, but we'll use - Item 1 in this project.

HTML Ordered Lists

<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

Markdown Ordered Lists

1. Item 1
2. Item 2
3. Item 3

HTML Quotes

<blockquote>This is a quote.</blockquote>

Markdown Quotes

> This is a quote.

HTML Code

<code>This is code</code>

Markdown Code

```
This is code
```