diff options
| author | srdusr <[email protected]> | 2022-11-23 23:54:10 +0200 |
|---|---|---|
| committer | srdusr <[email protected]> | 2022-11-23 23:54:10 +0200 |
| commit | 939bdd4ab683ee3267522dfea533a5ac7ddb9d09 (patch) | |
| tree | 8a26dcda3995d636b25e8d614e80f3296c2e79d2 /languages/markdown.md | |
| parent | 1d70cfbc84df62eabbd4174a262dd5d3ab89665c (diff) | |
| download | notes-939bdd4ab683ee3267522dfea533a5ac7ddb9d09.tar.gz notes-939bdd4ab683ee3267522dfea533a5ac7ddb9d09.zip | |
Fixed syntax and markdown structure/examples
Diffstat (limited to 'languages/markdown.md')
| -rw-r--r-- | languages/markdown.md | 90 |
1 files changed, 68 insertions, 22 deletions
diff --git a/languages/markdown.md b/languages/markdown.md index 1e825ed..9e0b822 100644 --- a/languages/markdown.md +++ b/languages/markdown.md @@ -1,18 +1,39 @@ # header/title `#` -## sub heading `##` or `###...` for smaller header -This is a normal body of text +## sub heading `##` or `###...` for even smaller headers +This is a normal body of text +and to go the next line we need to press space twice or `tab` and then enter `<CR>` +1. to make (ordered) list use a number and punctuation mark `1.` -and to go the next line we need to press enter twice `<CR><CR>` -- to make a list use a hyphen `-` to make a bullet +9999. `9999.` will autocorrect to the next corresponding number being "2." + +- to make (unordered) list use a hyphen `-` to make a bullet * asterisk `*` could also be used -+ or a plus sign `+` ++ or a plus sign `+` + - indent by using 2 spaces or `Tab` - 1. depending on what level using a number `1.` ... - 2. could have mixed results `2.` -1. just for good measure... `1.` -9999. autocorrects to corresponding number `9999.` + 1. depending on what level using a number (ordered list) `1.` ... + 2. could have mixed results `2.` + +- [ ] A task list can be created with `- [ ]` + +- [x] and marked/ticked with `- [x]` +<ul> + <li>1993 the first version of HTML was written by Tim Berners-Lee </li> + +```html +<ul> + <li>'number' use html if unordered list starts with a number</li> +``` + + +`*` *use asterisks around text to make it italic* `*` -[this is a description for a link](https://github.com/srdusr/notes/blob/main/languages/markdown.md) `[description](url)` +`**` **use two asterisks around text to make it bold** `**` + +`~~` ~~use two tildes around text to make a stikethrough (cancel out)~~ `~~` + + +to place emojis use `:joy:` :joy: You might of noticed already the use of inline code being used like this ` `, we use backticks with "code/text" inbetween ` `` ` @@ -29,31 +50,56 @@ use three backticks followed by the name of the language ``` " # and three backticks again) ``` -[//]: # "" - +> to make a blockquote use greater-than sign aka "chevron" or "angle bracket" at the beginning `>` +>> can also nest with `>>` - +To comment out text we use `[//]: # ` followed by `"text to comment out"` +Try viewing this in a raw format and through a parser to spot any differences - +[//]: # "lanigiro taht ton m'I esuaceb txet esrever emos tsuJ" +``` +term +: definition +``` +| to | make | table | +| --- | --- | --- | +| use | three | hyphens | +| after | the | title(s) | +| automatic | zebra | striping | - - - -> to make blockquote use greater than sign `>` - +``` | to | make | table | | --- | --- | --- | | use | three | hyphens | | after | the | title(s) | | automatic | zebra | striping | +``` -**bold** +[//]: # "[this is a description for a link](https://github.com/srdusr/notes/blob/main/languages/markdown.md) `[description](url)`" -*italic* -~~stikethrough~~ +[this is a description for a link](https://so-much-pain.glitch.me/do-a-barrel-roll.html) `[description](url)` +The normal syntax to add an image is +``` + +``` +or for windows: +``` + +``` +else if for remote link: +``` + +``` +To add image with specified scaling try using some html since some attibutes of styling aren't supported by sites like Github: +```html +<img src="http://....jpg" width="400" height="400" /> +``` +<img src="https://velog.velcdn.com/images/zmdlw/post/eb240f7b-ee94-49ae-8c22-b35873db6dc0/image.jpg" width="400" /> +Here's a sentence with a footnote. [^1] +[^1]: This is the footnote. |