## Text

- Text type

    $\textit{hello}$  #italic
    ```basbh
    $\textit{hello}$
    ```

    $\text{hello}$    #normal
    ```bash
    $\text{hello}$
    ```

    hello    #normal
    ```bash
    hello
    ```


-   <details>
    <summary>Text Size</summary>

    # H1
    ```bash
    # H1
    ```
    ## H2
    ```bash
    ## H2
    ```

    ### H3
    ```bash
    ### H3
    ```

    </details>


- List
    - sub list
```bash
- List
    - sub list
```   

- Text color

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

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

    ```bash
    $${\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}$$	 | 

## Table
-   <details>
    <summary>Basic Table</summary>


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

    ``````bash
    | 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 |

    ``````bash
    | 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      |

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

    ``````

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

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

    </details>

-   <details>
    <summary>write lists inside a markdown table</summary>


    | 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|

    ``````bash
    | 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 <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>|

    ``````bash
    |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>|
    ``````


    </details>

## Drop down
<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>



``````bash
<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>
``````
---
- <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>

``````bash
- <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](https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/organizing-information-with-tables): Organizing information with tables

- [stackoverflow.com](https://stackoverflow.com/questions/19950648/how-to-write-lists-inside-a-markdown-table): How to write lists inside a markdown table?

- [stackoverflow.com](https://stackoverflow.com/questions/71232978/tfs-is-not-formatting-line-break-correctly-in-markdown-table): TFS is not formatting line break correctly in Markdown table

- [stackoverflow.com](https://stackoverflow.com/questions/11509830/how-to-add-color-to-githubs-readme-md-file): How to add color to GitHub's README.md file