From 939bdd4ab683ee3267522dfea533a5ac7ddb9d09 Mon Sep 17 00:00:00 2001 From: srdusr Date: Wed, 23 Nov 2022 23:54:10 +0200 Subject: Fixed syntax and markdown structure/examples --- languages/markdown.md | 90 ++++++++++++++++++++++++++++++++++++++------------- 1 file 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 `` +1. to make (ordered) list use a number and punctuation mark `1.` -and to go the next line we need to press enter twice `` -- 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]` +
    +
  • 1993 the first version of HTML was written by Tim Berners-Lee
    • + +```html +
      +
    • 'number' use html if unordered list starts with a number
      • +``` + + +`*` *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 + +``` + +Here's a sentence with a footnote. [^1] +[^1]: This is the footnote. -- cgit v1.2.3