MARKDOWN Course

Markdown

Markdown, associated with the .md extension (like for the famous README.md), is commonly used in documentation files or to write simple documents... You can learn it in a couple of minutes. Here is an amazing markdown guide.

You could also write your website in Markdown, using Jekyll or whatever, as you could have read in the GitHub Pages section.

All courses on this website are written in Markdown so you can contribute if you want to 🙇. Thanks if you do.


Titles

You got 6 kinds of titles, created using #. The more # you add, the smaller your title becomes.

# h1 - huge title
## h2
### h3
#### h4
##### h5
###### h6 - tiny title

Note: be sure to leave a space after #.


Basic text

Here is a text
that continues here.

This is another paragraph.
\
This is still the same paragraph, but you should
not use this uncommon syntax.

This **text is in bold**, while this *text is in italic*.
This is also in __bold__, while this is also in _italic_.
And, this is in ***bold and italic***.

And this is a ~~crossed text~~ (strike-through) but it's not
supported everywhere it (ex: this website does not so you
need to use the HTML tag "s").

Lists

You may use * or - or +. It looks like this

* an item
* another item
    * an item of a sub-list
      having a long description
    * and yet another item
* a 3rd item

You can replace * with a number to make an ordered list. You can mix both too.

1. an item
2. another item
    * an item of a nested list
      having a long description
    * and yet another item
3. a 3rd item

Code

You can write inline code using inverted quotes

You can write `inline code` using inverted quotes 

and you can write a lot of code, using this syntax. Note that c is the language used for highlighting the code.

```c
int main(void) {

}
```

Links and images

For **link**: [text that will be shown](https://example.com)
For an **image**: ![text if the image is not found](https://lgs-games.com/assets/icon64.png)

You can create a **link with a text shown when hovered** with
[text that will be shown](https://example.com "some text here")

You could create a link easily with <https://example.com>.

Table

This is NOT supported everywhere, but you can make a table with this code

| Column name | Column name |
| ------ | ------ |
| tab[0][0] | tab[0][1] |
| tab[1][0] | tab[1][1] |
| tab[2][0] | tab[2][1] |
| tab[3][0] | tab[3][1] |
| tab[4][0] | tab[4][1] |
| tab[5][0] | tab[5][1] |

You can center the column content by adding :---: instead of ---. You can align the content to the right/left by only adding : at the right/left of ---.


Emojis

You can write :emoji: to render an emoji, with "emoji" the one you want. The list of values can be found here


Other features

You can make a quote with

> some quote

And you can use horizontal separators with

***

---

_________________

You may be able to use a checkbox too with

* [ ] not checked
* [x] checked

And you can write comments with this syntax

[comment]: <> (a comment)

[//]: <> (This is also a comment.)

[//]: # (This may be the most platform-independent comment)

This is a normal code block, but this is a particular case, it's used a lot in documentation to show "what you could do before" and "what you need to do now".

```diff
- removed
+ added
```

HTML in Markdown

You can use HTML in Markdown. But beware, you can't use Markdown inside HTML tags unless you add a blank line

<div>

I can write markdown here like <https://example.com/>,
because I added a blank line.
</div>

Here are some things you can do using HTML

And here are some HTML tags you may use

Tag Preview
s (strikethrough) word
u (underline) word
kbd CTRL+X
sup (used in footnotes) [1]: From XXX
[2]: Notation used in XXX
dl, dt (keyword), and dd (definition).
(the definition is usually indented, so it looks better)
Keyword
definition
abbr (show a note on hover) some text
mark This word has a yellow background.
ruby and rt (put some text above another one) Memorizeversion 5.0
progress 50%

Summary

Markdown HTML
## Title <h2>title</h2>
**bold** <b>bold</b>
*italic* <i>bold</i>
~~crossed text~~ <s>strikethrough</s>
a list <ul>, <ol>, and <li>
`code` <code>code</code>
code-block <pre><code>code</code></pre>
[link](url) <a href="url">link</a>
![alt](url) <img src="url" alt="alt">
> text <blockquote>text</blockquote>
--- <hr>
new line <br>

Sources