GUIDE/prety.md

Text

• Text type & color (failed)

  • Text type

    $\textit{hello}$ #italic

    $\textit{hello}$
    

    $\text{hello}$ #normal

    $\text{hello}$
    

    hello #normal

    hello
    

  • Text color

    $${\color{red}Warna}$$

    $\textcolor{yellow}{This\ is\ a\ Big\ Title}$

    $${\color{red}Warna}$$
    

    Code	Appearing
    $${\color{red}Red}$$	$${\color{red}Red}$$
    $${\color{green}Green}$$	$${\color{green}Green}$$
    $${\color{lightgreen}Light \space Green}$$	$${\color{lightgreen}Light \space Green}$$
    $${\color{blue}Blue}$$	$${\color{blue}Blue}$$
    $${\color{lightblue}Light \space Blue}$$	$${\color{lightblue}Light \space Blue}$$
    $${\color{black}Black}$$	$${\color{black}Black}$$
    $${\color{white}White}$$	$${\color{white}White}$$

• Text Size

  H1

  # H1
  

  H2

  ## H2
  

  H3

  ### H3
  

• List

  • sub list

- List
    - sub list

Table

• Basic Table

  Command	Description
  git status	List all new or modified files
  git diff	Show file differences that haven't been staged

  | Command | Description |
  | --- | --- |
  | git status | List all new or modified files |
  | git diff | Show file differences that haven't been staged |
  
  

  Command	Description
  git status	List all new or modified files
  git diff	Show file differences that haven't been staged

  | Command | Description |
  | --- | --- |
  | `git status` | List all *new or modified* files |
  | `git diff` | Show file differences that **haven't been** staged |
  
  

  Left-aligned	Center-aligned	Right-aligned
  git status	git status	git status
  git diff	git diff	git diff

  | Left-aligned | Center-aligned | Right-aligned |
  | :---         |     :---:      |          ---: |
  | git status   | git status     | git status    |
  | git diff     | git diff       | git diff      |
  
  

  Name	Character
  Backtick	`
  Pipe	|

  | Name     | Character |
  | ---      | ---       |
  | Backtick | `         |
  | Pipe     | \|        |
  

• write lists inside a markdown table

  Tables	Are	Cool
  col 3 is	right-aligned	$1600
  col 2 is	centered	$12
  zebra stripes	are neat	$1
  item1 item2	See the list	from the first column

  | Tables        | Are           | Cool  |
  | ------------- |:-------------:| -----:|
  | col 3 is      | right-aligned | $1600 |
  | col 2 is      | centered      |   $12 |
  | zebra stripes | are neat      |    $1 |
  | <ul><li>item1</li><li>item2</li></ul>| See the list | from the first column|
  

  Component	Details
  Values	This is Line 1 This is Line 2 This is Line 3 This is Line 4 This is Line 5 This is Line 6

  |Component |Details|
  |------|------|
  |Values|This is Line 1 <br><br>This is Line 2<br><br>This is Line 3<br>This is Line 4<br>This is Line 5<br>This is Line 6<br>|
  

Drop down

Title

contex

Command	Description
git status	List all new or modified files
git diff	Show file differences that haven't been staged

<details>
<summary>Title</summary>
contex

| Command | Description |
| --- | --- |
| git status | List all new or modified files |
| git diff | Show file differences that haven't been staged |

</details>

---

• Title

  contex

  Command	Description
  git status	List all new or modified files
  git diff	Show file differences that haven't been staged

- <details>
    <summary>Title</summary>
    contex

    | Command | Description |
    | --- | --- |
    | git status | List all new or modified files |
    | git diff | Show file differences that haven't been staged |

    </details>

---

Refrensi

• docs.github.com: Organizing information with tables

• stackoverflow.com: How to write lists inside a markdown table?

• stackoverflow.com: TFS is not formatting line break correctly in Markdown table

• stackoverflow.com: How to add color to GitHub's README.md file