How to Markdown ? Style your text in web

progressiveprogrammer

Aman Jaswal

Posted on October 1, 2020

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

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

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

๐Ÿ’– ๐Ÿ’ช ๐Ÿ™… ๐Ÿšฉ
progressiveprogrammer
Aman Jaswal

Posted on October 1, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

GitHub Actions Tutorial
tutorial GitHub Actions Tutorial

October 11, 2024

Golang Struct Field Scopes
go Golang Struct Field Scopes

August 31, 2024

Intro to GoLang Structs
go Intro to GoLang Structs

August 29, 2024

ยฉ TheLazy.dev

About