Markdown tutorial advanced
Table
Draw Table
You can create tables with pipes | and hyphens -. Hyphens are used to create each column’s header, while pipes separate each column. You must include a blank line before your table in order for it to correctly render.
Cells can vary in width and do not need to be perfectly aligned within columns. There must be at least three hyphens in each column of the header row.
| Col A | Col B |
| --- | --- |
| Cell A1 | Cell |
| Cell | Cell B2 |
Col A | Col B |
---|---|
Cell A1 | Cell |
Cell | Cell B2 |
Table alignment
You can align text to the left, right, or center of a column by including colons : to the left, right, or on both sides of the hyphens within the header row.
Left-aligned | Center-aligned | Right-aligned |
---|---|---|
git status | git status | git status |
git diff | git diff | git diff |
Keyboard
Markdown support keyboard HTML tag to display the keys on keyboard.
<kbd>Shift</kbd>+<kbd>Cmd</kbd>+<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd>
Shift+Cmd+Ctrl+Alt+Del
Details
You can temporarily obscure sections of your Markdown by creating a collapsed section that the reader can choose to expand. For example, when you want to include technical details in an issue comment that may not be relevant or interesting to every reader, you can put those details in a collapsed section.
Any Markdown within the <details>
block will be collapsed until the reader clicks to expand the details. Within the <details>
block, use the <summary>
tag to create a label to the right of the arrow.
<details>
<summary>CLICK to see details</summary>
<p>
## We can hide anything!
paragraph
```sh
ls -al
```
</p>
</details>
Other Markdown websites
https://daringfireball.net/projects/markdown/
https://spec.commonmark.org/dingus/
https://johnmacfarlane.net/babelmark2/faq.html
https://dave.autonoma.ca/blog/2019/05/22/typesetting-markdown-part-1/
https://en.wikipedia.org/wiki/Markdown#Example
https://docs.gitlab.com/ee/user/markdown.html
https://docs.github.com/en/github/writing-on-github/basic-writing-and-formatting-syntax
Markdown Tutorial
https://www.markdowntutorial.com/
You can learn and practice Markdown here.