An Interest In:
Web News this Week
- April 24, 2024
- April 23, 2024
- April 22, 2024
- April 21, 2024
- April 20, 2024
- April 19, 2024
- April 18, 2024
Some of Our Sources
View All SourcesArticle that shows devto formatting variants.
There is a test. Markdown format is being tested in a special way. In the text, it is impossible to use all the built-in formatting symbols.
Table Of Contents
- Components
- Lists
- Ordered List
- Ordered list with content
- Unordered list
- Code and Syntax Highlighting
- Tables
- Inline HTML
- Lists
What is markdown? (heading 1 ("#"))
Markdown is a simple technique for creating plain text documents. It is a substitute for HTML, but a more extensible one, with support for many markup languages, including HTML and XML, as well as for plain text formatting.
If markdown was a movie synopses (heading ("##"))
A young man discovers that his grandmother is a witch. She has a curse on him that he must find a way to break and get rid of it.
H3 (heading ("###"))
Its just a h3
H4 (heading ("####"))
Its just a h4
But seriously, lets arrange our knowledge (quote)
How to use markdown
- Read the first sentence of this document. It is very important.
- Open this document in a browser.
- Look for the first markdown symbol.
- Write the symbol down in your note-taking software. 5. Write down the word markdown.
- Go to step 3 and repeat.
- Repeat steps 3 to 6 until you dont need this document anymore.
- Close this document and open the one with markdown symbols.
- Print it out.
- Take it to an office supply store and ask for red ink to paste on it.
- Go home.
- Repeat steps 1 to 11 until the markdown text becomes readable.
It's that simple
Components
H1
H2
H3
H4
H5
H6
Caption for this random imageHidden note)
Lists
Ordered todo list
- Make a to do list
- Check off first thing on the "To do" list
- Realize you've already accomplished 2 things on the list
- Reward yourself with a nap
Ordered list with content
- Title of the first thingRandom image again
- Second thing
Unordered list
- Task number One?
- Two I guess.
Links
You can use numbers for reference-style link definitions
Or leave it empty and use the link text itself
URLs and URLs in angle brackets will automatically get turned into links.
http://www.example.com or http://www.example.com and sometimes
example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
Code and Syntax Highlighting
Inline code
has back-ticks around
it.
Blocks of code are either fenced by lines with three back-ticks
``` and with language, or are indented with four spaces. I recommend only using the fenced code blocks theyre easier and only they support syntax highlighting.
javascriptvar s = "JavaScript syntax highlighting";alert(s);
pythons = "Python syntax highlighting"print s
No language indicated, so no syntax highlighting. But let's throw in a <b>tag</b>.
final theme = Theme.of(context);
Tables?
Colons can be used to align columns.
Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
The outer pipes (|) are optional, and you don't need to make the raw Markdown line up prettily. You can also use inline Markdown.
Markdown | Less | Pretty |
---|---|---|
Still | renders | nicely |
1 | 2 | 3 |
Inline HTML
- Definition list
- Is something people use sometimes.
- Markdown in HTML
- Does *not* work **very** well. Use HTML tags.
Horizontal lines
Three or more...
Hyphens
Asterisks
Special thanks
Original Link: https://dev.to/ytskk/article-that-shows-devto-formatting-variants-47n9
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To