Headers in Markdown
# H1 ## H2 ### H3 #### H4 ##### H5 ###### H6
Alternatively, for H1 and H2, an underline-ish style:
Alt-H1 ====== Alt-H2 ------
*italic* _italic too_ __emphasis__ **also called bold** **_bold italic text_** ~~strikethrough or scratched text~~
also called bold
bold italic text
strikethrough or scratched text
Lists in Markdown
1. first item 2. second 3. third * a submenu item with 4 spaces * a second item in the submenu 4. fourth indented paragraph with 3 spaces. 5. fifth * you can use asterisk or - dash or minus or tack + plus to create unordered list items
a submenu item with two spaces
a second item in the submenu
indented paragraph with 3 spaces.
- you can use asterisk or
- dash or minus or tack
- plus to create unordered list items
Links in Markdown
[inline link with title](https://learns7.com "all code snippets in one place")
[reference link][lears7 website] [learns7 website]: https://learns7.com
[reference link][lears7 website]
[relative reference link](../posts)
[number reference link] : https://www.abanoubhanna.com
[link the text itself] [link the text itself]: https://learns7.com
Images in Markdown
![alt text of the image](https://learns7.com/img/separator.jpg "title shown when hover on image")
![alt text][logo] [logo]: https://learns7.com/img/sparator.jpg "title of image"
Code and Syntax Highlighting
Code block and inline code are part of the markdown, but the highlighting is not.
You can use highlight.js to highlight your code.
use the three back ticks to make a block of code like this:
and put three other back ticks on the end of the code.
use single back tick to show inline code within a paragraph like `this`. It is a great way of talking about some code in the paragraph.
use single back tick to show inline code within a paragraph like
this. It is a great way of talking about some code in the paragraph.
Tables in Markdown
note: colon can be used to align columns
| tables | col 2 | col 3 | |--------|:-----:|------:| | item 1 | something | 100$ | | item 2 | another | 12$ | | final | back | 2$ |
|tables||col 2||col 3|
but you can just create a table like this:
markdown | table | good --- | --- | --- you | do not | need to be | pretty | to create table
|to be||pretty||to create table|
Blockquotes in Markdown
> this is a quote statement > that is written in two lines. > this is the same thing but written in one long line. but the result is the same.
this is a quote statement that is written in two lines.
this is the same thing but written in one long line. but the result is the same.
<dl> <dt>Definition List</dt> <dd>sometimes people use it.</dd> </dl>
- Definition List
- sometimes people use it.
use three or more of dashes or hyphens --- or asterisks *** or underscores ____ to create `<hr>`
use three or more of dashes or hyphens
one line here. another line which is separated as you see. but this line will be just over the following line. as you can see here. Got it? OK.
one line here.
another line which is separated as you see.
but this line will be just over the following line. as you can see here. Got it? OK.
YouTube Videos in Markdown
You can not embed YouTube video in Markdown, but you can add an image with a link to the video like this.
<a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE " target="_blank"><img src="http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT HERE" width="240" height="180" border="10" /></a>
and you can rewrite it in markdown like this.
[![IMAGE ALT TEXT HERE](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)