w3resource
gallery w3resource

Create and use Markdown

 

Markdown is a text-to-HTML conversion tool for creating content on web. Using Markdown, you write in simple text format and then when converted, it becomes valid HTML. For it’s ease of use and trivial learning curve, writers it is getting traction at an exponential rate.

Transcript

Markdown

Markdown is a text-to-HTML conversion tool for creating content on web. Using Markdown, you write in simple text format and then when converted, it becomes valid HTML. For it’s ease of use and trivial learning curve, writers it is getting traction at an exponential rate.

Paragraphs

One or more lines of consecutive text followed by one or more blank lines - that is what it takes to create paragraphs using Markdown.

Markdown is very easy to create. It is human readable and people have started using it widely.

After you complete this slide presentation, you will be able to create and use Markdown.

Headings

Headings are created by adding one or more # symbols before your heading text. The number of # you use will determine the type/order of the heading.

# The largest heading (an <h1> tag)
## The second largest heading (an <h2> tag)

###### The 6th largest heading (an <h6> tag)

Blockquotes

You can indicate blockquotes with a >.

Einstein said:

> Imagination is more important than knowledge.

Styling text

You can make text bold or italic.

*This text will be italic*
**This text will be bold**

Styling text

You can combine bold and italic using either _ or **. They can be used together as follows.

**Everyone _must_ attend the meeting at 5 o'clock today.**

Lists

Unordered lists

Unordered lists can be created by preceding list items with either a * or a -.

* Item
* Item
* Item
- Item
- Item
- Item

Lists

Ordered lists

Preceed list items with a number, that is how you can create Ordered List.

1. Item 1
2. Item 2
3. Item 3

Lists

Nested lists

You can create nested lists by indenting list items by two spaces.

1. Item 1
1. A corollary to the above item.
2. Yet another point to consider.
2. Item 2
* A corollary that does not need to be ordered.
* This is indented four spaces, because it's two spaces further than the
item above.
* You might want to consider making a new list.
3. Item 3

Code formatting

Inline formats

Use single backticks (`) to format text in a special monospace format. Everything within the backticks appear as-is, with no other special formatting.

Here's an idea: why don't we take `SuperiorProject` and turn it into
`**Reasonable**Project`.

Code formatting

Multiple lines

You can use triple backticks (```) to format text as its own distinct block. Check out this neat program I wrote:

```
x = 0
x = 2 + 2
what is x
```

Links

You can create an inline link by wrapping link text in brackets ( [ ] ), and then wrapping the link in parenthesis ( ( ) ).

For example, to create a hyperlink to www.example.com, with a link text that says, Visit Example!, you'd write this in Markdown:

[Visit Example!](www.example.com).

How to convert it to HTML?

A few options
Hashify - If you prefer working online.
Writemonkey - on Windows systems.
nvALT - on Mac.
Drafts - on ios
Epistle - on Android



Follow us on Facebook and Twitter for latest update.