DEV Community

Cover image for Markdown part 2
davidrpolk
davidrpolk

Posted on

Markdown part 2

This is a continuation of my first blog about Markdown! If you don't know what Markdown is, or what it is used for, please checkout the first part in this series.

---------------Links--------------

Where would blogs be without using links? Let's take a look at making links:

Markdown:

[This is an inline-link!!!](https://dev.to/)

![this would be alt text for an image link](https://babykittenpicturelink.net)

HTML:

<a href="https://dev.to/">This is an inline-link!!!</a>

<img src="https://babykittenpicturelink.net" alt="this would be alt text for an image link">

Output:
This is an inline-link!!!
this would be alt text for an image link

You can also create reference text for links. This could be useful for using the same link in multiple places. You could even use different clickable text for each instance.! The reference text is not case-sensitive and it can be used with images as well as links.

Markdown:

[This is the text you would click on][ReFeRenCe]

[reference]: https://www.mozilla.org

Output:
This is the text you would click on

--------------Blockquotes--------------

A tasteful way to use a quote is by using Blockquotes(although you could really use them for anything). They can really another layer of depth to a post.

Markdown:

>I am meaningful text from another source. I'm adding legitimacy to this article.

HTML:

<blockquote cite="https://someurl.url">I am meaningful text from another source. I'm adding legitimacy to this article.<blockquote>

Output:

I am meaningful text from another source. I'm adding legitimacy to this article.

You can even use paragraphs and nest Blockquotes within a Blockquote.

Markdown:

>I am a quote.
>
>I am taking up more space because I have a lot to say.!
>It's me quote again.
>>..and also me, a quote in a quote!!

Output:

I am quote.

I am taking up more space because I have a lot to say.!

It's me quote again.

..and also me, a quote in a quote!!

If you want to add any other Markdown style inside of your Blockquote, you totally can!

Markdown:

> #### A Header Inside of a Blockquote!
>
> - Now I'm making a list.
> - Even more list.
>
>  *I'm* super stoked about **Markdown**.

Output:

A Header Inside of a Blockquote!

  • Now I'm making a list.
  • Even more list.

I'm super stoked about Markdown.

There's more you can do with Markdown, but that's all I'll cover in this article. Next time you write a blog, try out some Markdown!!!

while (life.left.length > 0) {
life.do = coding();
}

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay