DEV Community

acbacavalcanti
acbacavalcanti

Posted on

Markdown: My Beginner's Notes 📝✨

I’ve been diving into tech, and since I’m new to many of the languages, I realized I needed to learn Markdown and take some notes to solidify my understanding. While it’s pretty straightforward, I wanted to make sure I grasp the basics well, as it’s something that’s essential to know. As a beginner, it might seem a bit tricky at first, but once you get the hang of it, it’s like unlocking a new level of productivity.

Let’s take a journey together as I break down the basics in a fun way! Here’s what I’ve learned so far:

What is Markdown? 🤔

Markdown is like the shortcut to formatting text on the web. It’s the secret sauce that makes your writing look neat without needing to mess around with complicated code. You don’t need to open a massive editor or figure out HTML tags. Just use simple symbols, and bam! your content is styled!

The Essentials I’ve Found:

Headings 🏷️

Markdown lets you create headings quickly with #. The more # symbols you use, the smaller your heading gets just like using <h1>, <h2>, <h3>, and so on in HTML.

  • # Heading 1 — Big and bold.
  • ## Heading 2 — A little smaller.
  • ### Heading 3 — You get the point!

Emphasis 💡

Want to make text bold or italic? Markdown has you covered!

  • Italic: Wrap text in single underscores or asterisks, like this: _italic_ or *italic*.
  • Bold: Double those symbols: __bold__ or **bold**.

Lists 🔢

Whether it’s an ordered list or an unordered one, Markdown makes it quick and easy:

  • Ordered list: Just number the items.

    1. First item
    2. Second item
    3. Third item
  • Unordered list: Use dashes or asterisks.

    • Item 1
    • Item 2
    • Item 3

Links 🔗

You can easily add links in Markdown, so no more manually copying and pasting URLs. Just use this simple format:

  • [Link text](http://yourlink.com)

Images 📸

Images are just like links, but with an exclamation mark in front:

  • ![Alt text](imageurl.jpg)

Blockquotes 💬

Want to make a quote stand out? Just add a > before the text. It’s like giving your quote a little frame:

  • > “This is a powerful quote!”

Code 🖥️

If you're a coding newbie like me, you’ll love this one. To show code in a block or inline, Markdown is perfect!

  • Inline code: Use backticks like so: `code`
  • Code block: Use three backticks before and after your code.
  function example() {
      console.log('Hello, world!');
  }
Enter fullscreen mode Exit fullscreen mode

Horizontal Rules ⛔

Add a little visual break between sections using three dashes, asterisks, or underscores:

  • ---
  • ***
  • ___

The Secret Sauce to Organizing It All:

Markdown is amazing because it keeps things simple. It’s like shorthand that can help you focus on writing and formatting without the headaches. This beginner’s guide is just the start for me — I’m still learning, and it's been fun so far!

I’ll keep adding more to my notes as I get the hang of this, so stay tuned! And hey, if you’re learning Markdown too, feel free to share tips, correct me if I’m wrong, or ask questions. Let’s make this journey a little smoother! ✨


Markdown is basically a beginner's cheat sheet to writing cleaner, easier-to-read text for the web. It's been a blast exploring it, and I’m excited to see where it takes me. Stay tuned for more as I continue to level up my skills!

Top comments (2)

Collapse
 
diego_arce profile image
Diego Arce

Have you tried Bear Notes? I love markdown and Bear is an amazing app for taking notes in markdown

Collapse
 
acbacavalcanti profile image
acbacavalcanti

I haven't tried yet, but I will check! Thanks for the tip