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();
}

Top comments (0)