CodePen Markdown Guide

Item

Markdown

HTML Equivalent

Headers


Heading 1

# Text

<h1>Text</h1>

Heading 2

## Text

<h2>Text</h2>

Heading 3

### Text

<h3>Text</h3>

Emphasis

Italics

*Text* or _Text_

<em>Text</em>

Bold

**Text** or __Text__

<strong>Text</strong>

Lists

Unordered List

  • Item 1
  • Item 2
    • A subitem
  • Another Item

* Item 1
* Item 2
   * A subitem
* Another Item

<ul><li>Item 1</li> <li>Item 2</li>
<ul><li>A subitem</li></ul> <li>Another Item</li></ul>

Ordered List

  1. Item 1
  2. Item 2
    1. A subitem
  3. Another Item

1. Item 1
2. Item 2
    1. A subitem
3. Another Item

<ol><li>Item 1</li><li>Item 2</li><ol><li>A subitem</li></ol>
<li>Another Item</li></ol>

Links

[Google Search](https://google.com)

<a href="https://google.com">
Google Search</a>

[Google Search](https://google.com "Search")

<a href="https://google.com" title="Search">Google Search</a>

Images

graph of y=-x-3 and y=0 on the interval from -7 to 2

![Alternate Text](/path/to/image.jpg "Optional Hover Title")

![graph of y=-x-3 and y=0 on the interval from -7 to 2](images/notes/u4s5p5.png "Graph of the two functions")

<img src="images/notes/u4s5p5.png" alt="graph of y=-x-3 and y=0 on the interval from -7 to 2" title="Graph of the two functions" />

Tables

First Name Last Name
Billy Rogers
Sally Straum

First Name | Last Name
--|--
Billy | Rogers
Sally | Straum

<table> <thead> <tr> <th>First Name</th> <th>Last Name</th> </tr> </thead> <tbody><tr> <td>Billy</td> <td>Rogers</td> </tr> <tr> <td>Sally</td> <td>Straum</td> </tr> </tbody></table>

Math Equations

\[\begin{align}&\int_1^4 {{x^3}} dx\end{align}\]

Centered: \\[LaTeX math equation\\]

Inline: \\(LaTeX math equation\\)

\\[\begin{align}&\int_1^4 {{x^3}} dx\end{align}\\]

\[\begin{align}&\int_1^4 {{x^3}} dx\end{align}\]

Horizontal Rule


***

<hr />

Blockquote

This is a quote for emphasis

>  This is a quote for emphasis

<blockquote> <p>This is a quote for emphasis</p> </blockquote>