HTML

Basic differences between HTML and MarkDown

Related Sites:

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element

• https://www.markdownguide.org/cheat-sheet/

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

![alt text for 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
```