Markdown Tutorial

markdown_tut.md

Markdown Tutorial

• TOC
• Headers
• Quotes
• Emphasis
• Section dividers
• Lists (- or * or +)
• Links (hrefs)
• Images (!) Before the link
• Code
• Tables
• HTML Tags
• CSS Tags
• Resources

Headers

H2

H3

H4

Quotes

Text quoted
This is my quotes

H2 Header quote

Normal quotes

Emphasis

Bold - Text bolded or Text bolded
Italics - Text italic or Text italic

Section dividers

Example 1

---

Example 2

---

Example 3

---

Lists (- or * or +)

• Item 1
• Item 2
  • Item 3

• Item 1
• Item 2
• Item 3

• Item 1
  • Item 2

1. Orderderd List
   1. Item 1
   2. Item 2
   3. Item 3

Links (hrefs)

Quicker way
Link without reference

Readable way
Link Referenced

Images (!) Before the link

First way

Second Way

Code

Inline code
Daniel mac cat dotfiles.py

!#/usr/bin/env python3
import pprint
import agrsparse
import pathlib

a = 'Hi'

def create_some_code(a)
    do whatever
    return something_else

var num = 0
var num2 = 3

    <div>
        <p> This is an HTML example </p>
    </div>

Tables

With default alignment:

Header 1	Header 2	Header 3
Ro1 Col1	Ro1 Col2	Ro1 Col3
Ro2 Col1	Ro2 Col2	Ro2 Col3
Ro3 Col1	Ro3 Col2	Ro3 Col3

With custom alignment:

Header 1	Header 2	Header 3
Ro1 Col1 is left alignedd	Ro1 Col2 is centered	Ro1 Col3 right aligned
Ro2 Col1 is left alignedd	Ro2 Col2 is centered	Ro2 Col3 right aligned
Ro3 Col1 is left alignedd	Ro3 Col2 is centered	Ro3 Col3 right aligned

HTML Tags

Test Tag

CSS Tags

<style> p { color: red } </style>

Resources

Youtube - Introduction To Markdown Using Visual Studio Code
Markdown Cheatsheet - Adanm P - Github