srdusr
aboutsummaryrefslogtreecommitdiffstats
path: root/languages
diff options
context:
space:
mode:
authorsrdusr <[email protected]>2022-11-23 23:54:10 +0200
committersrdusr <[email protected]>2022-11-23 23:54:10 +0200
commit939bdd4ab683ee3267522dfea533a5ac7ddb9d09 (patch)
tree8a26dcda3995d636b25e8d614e80f3296c2e79d2 /languages
parent1d70cfbc84df62eabbd4174a262dd5d3ab89665c (diff)
downloadnotes-939bdd4ab683ee3267522dfea533a5ac7ddb9d09.tar.gz
notes-939bdd4ab683ee3267522dfea533a5ac7ddb9d09.zip
Fixed syntax and markdown structure/examples
Diffstat (limited to 'languages')
-rw-r--r--languages/markdown.md90
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)
```
-[//]: # "![alt text](https://so-much-pain.glitch.me/do-a-barrel-roll.html)"
-
+> to make a blockquote use greater-than sign aka "chevron" or "angle bracket" at the beginning `>`
+>> can also nest with `>>`
-![2 alt text](https://img.devrant.com/devrant/rant/r_2134906_zD4fu.jpg)
+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
-![3 alt text](https://i.pinimg.com/originals/a5/c3/f0/a5c3f030db3069211d4aa4a672d6c48e.jpg =400x400)
+[//]: # "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 |
-![4 alt text](https://velog.velcdn.com/images/zmdlw/post/eb240f7b-ee94-49ae-8c22-b35873db6dc0/image.jpg =400x)
-
-
-> 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
+```
+![title](path/to/file/example.png)
+```
+or for windows:
+```
+![image](files://C:/Users/username/Desktop/example.png)
+```
+else if for remote link:
+```
+![alt text](url)
+```
+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.