# HTML

{% hint style="success" %}
Related Sites:

* <https://developer.mozilla.org/en-US/docs/Web/HTML/Element>
* <https://www.markdownguide.org/cheat-sheet/>
  {% endhint %}

### HTML Headings

```html
<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

```md
# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6
```

### HTML Paragraphs

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

### Markdown Paragraphs

```md
This is a paragraph of text.
```

### HTML Bold

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

### Markdown Bold

```md
This is a **bold** word.
```

### HTML Italics

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

### Markdown Italics

```md
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

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

### Markdown Links

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

### HTML Images

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

### Markdown Images

```md
![alt text for image](url/of/image.jpg)
```

### HTML Unordered Lists

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

### Markdown Unordered Lists

```md
- 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

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

### Markdown Ordered Lists

```md
1. Item 1
2. Item 2
3. Item 3
```

### HTML Quotes

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

### Markdown Quotes

```md
> This is a quote.
```

### HTML Code

```html
<code>This is code</code>
```

### Markdown Code

````md
```
This is code
```
````