Skip to content

Notes_MarkDown.MD

Latest commit

 

History

History
278 lines (215 loc) · 5.23 KB

Notes_MarkDown.MD

File metadata and controls

278 lines (215 loc) · 5.23 KB

This is Mardown Overview sheet. For complete info on Markdwon see,

Sections

Headers

  # H1 
  ## H2 
  ### H3 
  #### H4 
  ##### H5 
  ###### H6
  Another way to to headers
  H1 
  =

  H2 
  -

H1

H2

H3

H4

H5
H6

Another way is to do Headers is

H1

H2

Lists

  - Bullet 1
  * Bullet another type
    * Sub bullet type
  + k

  Ordered lists using a number prefix

  1. item 1
  2. item 2
  • Bullet 1
  • Bullet another type
    • Sub bullet type
  • k

Ordered lists using a number prefix

  1. item 1
  2. item 2

Something continued

Not continued
seperated by line

Quotes

  > This is for highliting or making a note
  > ## You can combine Headers and Quotes
  > #### Another one

This is for highliting or making a note

You can combine Headers and Quotes

Another one

Formatting

  *Italic*

  **Bold**

  **_Combined_**

  ~~Striked~~

  They can be _used_ in a sentence too __like__ this.

Italic

Bold

Combined

Striked

They can be used in a sentence too like this.

Block

Two tab spaces
can create this type of thing
useful for mentioning something


Or like this text between back ticks

```
Text
```

Another block

For code snippets:
We can also do this type of thing for code blocks.

Javascript
```javascript
var num = 0;
var num2 = 0;
``` 
HTML
```html 
<div>
    <p>This is an html example</p>
</div>
```

Javascript

var num = 0;
var num2 = 0;

HTML

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

Links

You can also link a file within the repo as we did with image.

  <https://www.google.com>  

  [Google](https://www.google.com "Google Homepage")
  "This defines the titlke so if you hover over link you can see the title"

  [1]:(https://www.google.com)
  [Google][1]

https://www.google.com

Google

Google

For Implicit links we can use name of headers as a id since this converted to HTML so names becomes id with all lower-case space replaced by "-"(hyphens).

Ex '# Header' becomes <h1 id="header">Header</h1>

Ex 'Header Info' becomes header-info

Images

This is same as links just include ! before "[" .
Also you have to have your picture in same repo.

  ![Panda](/Images/red-panda.jpg)

Panda

Can also do referencing

  [1]:(/Images/red-panda.jpg)
  ![Panda][1]

Tables

  | Header 1 | Header 2 | Header 3 |
  | -------- | -------- | -------- |
  |   R1 C1  |   R1 C2  |   R1 C3  |
Header 1 Header 2 Header 3
R1 C1 R1 C2 R1 C3
R2 C1 R2 C2 R2 C3
R3 C1 R3 C2 R3 C3

For alignment of text in a column use colons " : ". Default left alignment. Colons on each side = center alignment. And a right colon = right alignment.

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

Inline MarkDown can also be used.

Custom HTML

Since MarkDown gets converted to HTML, you can add raw HTML directly to your MarkDown.

<p>Sample HTML Div</p>

Sample HTML Div

Custom CSS

You can also add custom CSS to your MarkDown to add additional styling to your document. You can also include CSS by including a style tag.

<style> 
    body {background-color: #6A68DE;
    color: Black;
    font-size: 1.05rem;}
    a{ color: #FFEC51; }
</style>