Mark Down Examples

Headings
H2
- H3
  - H4
    - H5
      - H6
Lists
Tables
Lines
Code
Styling
Images

# Table of contents (All non-H1's show)

[TOC]

Headings

H1

H2

H3

H4

H5

H6

# H1<div style="width:100%;height:4rem;"></div>
##H2<hr style="border-color: #DB5461;width:100%;margin-bottom: 20px;"><div style="width:100%;height:2rem;"></div>
###H3<hr style="border-color: #F2AF29;">
#### H4
##### H5
###### H6

Lists

item 1
item 2
- sub-item 1
item 3

# Unordered

- item 1
- item 2
    - sub-item 1
- item 3

item 1
item 2
1. sub-item 1
item 3

# Ordered

1. item 1
2. item 2
    1. sub-item 1
3. item 3

Tables

First Header	Second Header
Content Cell	Content Cell
Content Cell	Content Cell

First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell

Lines

---

<hr style="border-color: #F2AF29;"> = <3x "-">1<3x "-">

Code

With Line Numbers:

#!/usr/bin/python3

def main():
    print("Hello World!")

```
#!/usr/bin/python3

def main():
    print("Hello World!")
```

Without Line Numbers:

def main():
    print("Hello World!")

```python
def main():
    print("Hello World!")
```

Styling

Bold
Italic
inline Code
inline link
Button

**Bold**
*Italic*
inline `Code`
[inline link](http://example.com/ 'inline-link')
[Button](<url>)

Following need to be in all caps
__space__ -> <div style="width:100%;height:2rem;"></div>
__break__ -> <div style="width:100%;height:4rem;"></div>

Images

The woods

![alt text](/path/to/img.jpg "Title")

First Term: This is the definition of the first term.
Second Term: This is one definition of the second term.; This is another definition of the second term.

[x] Write the press release
[ ] Update the website
[ ] Contact the media

Gone camping! :tent: Be back soon.

That is so funny! :joy:

Top Home