DEV Community

Aman Jaswal
Aman Jaswal

Posted on

How to Markdown ? Style your text in web

๐—ช๐—ต๐—ฎ๐˜ ๐—ถ๐˜€ ๐— ๐—ฎ๐—ฟ๐—ธ๐—ฑ๐—ผ๐˜„๐—ป?

๐— ๐—ฎ๐—ฟ๐—ธ๐—ฑ๐—ผ๐˜„๐—ป is an easy-to-use syntax for styling and formatting text on the web. You can use it to format readme files.

๐— ๐—ฎ๐—ฟ๐—ธ๐—ฑ๐—ผ๐˜„๐—ป is also used to format text in GitHub: Gist, comments, and files with extension .๐š–๐š ๐š˜๐š› .๐š–๐šŠ๐š›๐š”๐š๐š˜๐š ๐š—. And not to forget we use Markdown for text formatting in DEV.to as well.


Here's a short list of ๐— ๐—ฎ๐—ฟ๐—ธ๐—ฑ๐—ผ๐˜„๐—ป formatting:

๐Ÿ“Œ๐—›๐—ฒ๐—ฎ๐—ฑ๐—ฒ๐—ฟ๐˜€

# This is an <h1> tag
## This is an <h2> tag
###### This is an <h6> tag 
Enter fullscreen mode Exit fullscreen mode

This is an <h1> tag

This is an <h2> tag

This is an <h6> tag

๐Ÿ“Œ๐—˜๐—บ๐—ฝ๐—ต๐—ฎ๐˜€๐—ถ๐˜€

*This text will be italic*
_This will also be italic_

**This text will be bold**
__This will also be bold__

_You **can** combine them_
Enter fullscreen mode Exit fullscreen mode

This text will be italic
This will also be italic

This text will be bold
This will also be bold

You can combine them


๐Ÿ“Œ๐—Ÿ๐—ถ๐˜€๐˜๐˜€

๐Ÿ”ธUnordered               
* Item 1
* Item 2
* Item 2a
* Item 2b

๐Ÿ”ธOrdered
1. Item 1
1. Item 2
1. Item 3
1. Item 3a
1. Item 3b
Enter fullscreen mode Exit fullscreen mode

๐Ÿ”ธUnordered

  • Item 1
  • Item 2
  • Item 2a
  • Item 2b

๐Ÿ”ธOrdered

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 3a
  5. Item 3b

๐Ÿ“Œ๐—œ๐—บ๐—ฎ๐—ด๐—ฒ๐˜€

![Markdown](https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/1024px-Markdown-mark.svg.png)

Format: ![Alt Text](url)
Enter fullscreen mode Exit fullscreen mode

Markdown


๐Ÿ“Œ๐—Ÿ๐—ถ๐—ป๐—ธ๐˜€

[Progressive Programmer](https://www.linkedin.com/in/aman-singh-jaswal/)

Format: ![Text](link)

Enter fullscreen mode Exit fullscreen mode

Progressive Programmer


๐Ÿ“Œ๐—•๐—น๐—ผ๐—ฐ๐—ธ๐—พ๐˜‚๐—ผ๐˜๐—ฒ๐˜€

> We're living the future so
> the present is our past.
Enter fullscreen mode Exit fullscreen mode

We're living the future so
the present is our past.


๐Ÿ“Œ๐—œ๐—ป๐—น๐—ถ๐—ป๐—ฒ ๐—ฐ๐—ผ๐—ฑ๐—ฒ

Use backticks to add
`<Inline code>` element
Enter fullscreen mode Exit fullscreen mode

Use backticks to add
<Inline code> element


๐Ÿ“Œ ๐—•๐—น๐—ผ๐—ฐ๐—ธ ๐—ฐ๐—ผ๐—ฑ๐—ฒ

Use three backticks at starting and end
Enter fullscreen mode Exit fullscreen mode

๐ˆ ๐ก๐จ๐ฉ๐ž ๐ญ๐ก๐ข๐ฌ ๐ฐ๐š๐ฌ ๐ก๐ž๐ฅ๐ฉ๐Ÿ๐ฎ๐ฅ !! ๐Ÿš€๐Ÿš€๐Ÿš€

๐ƒ๐จ ๐ง๐จ๐ญ ๐Ÿ๐จ๐ซ๐ ๐ž๐ญ ๐ญ๐จ ๐๐ซ๐จ๐ฉ ๐ฆ๐จ๐ซ๐ž ๐ฆ๐š๐ซ๐ค๐๐จ๐ฐ๐ง ๐ฌ๐ญ๐ฒ๐ฅ๐ข๐ง๐  ๐ข๐ง ๐ญ๐ก๐ž ๐œ๐จ๐ฆ๐ฆ๐ž๐ง๐ญ๐ฌ ๐›๐ž๐ฅ๐จ๐ฐ ๐Ÿ‘‡๐Ÿพ

Top comments (0)