Basic Markdown syntax

There are many reasons to use Markdown, but the biggest reason is due to the convenience of using custom designed syntax to help you save time.

Markdown is the markup language created by John Gruber in 2004. Markdown uses a simple and easy-to-understand syntax to mark text, facilitating the conversion from plain text to HTML. Instead of relying on HTML or WYSIWYG editors, Markdown allows you to format text without leaving your hands off the keyboard, which is much more intuitive than HTML.

In addition, Markdown is much shorter and easier to understand, you don't need to know HTML and can use Markdown simply. So why not hesitate to follow the summary of basic syntax to be proficient at using Markdown right now?

Basic Markdown syntax Picture 1 Basic Markdown syntax Picture 1

What is Markdown and why should you learn it today?

1. Title - Heading

To create the heading h1, h2, h3 until h6, add the number of # corresponding characters to the beginning of the line. The number # you use corresponds to the title level, a # character is equivalent to h1, 2 characters are equivalent to h2 . For example: to create a level three heading (

), use three `#` symbols (eg: ### TipsMake.com).

MarkdownHTMLOutput # Heading level 1

Heading level 1

## Heading level 2

Heading level 2

### Heading level 3

Heading level 3

#### Heading level 4

Heading level 4

##### Heading level 5

Heading level 5

###### Heading level 6

Heading level 6

2. Paragraph - Paragraph

To create paragraphs, use a blank line to separate the lines of text. You should not indent paragraphs with spaces or tabs.

MarkdownHTMLOutputWebsite TipsMake.com.

Learn basic Markdown syntax

Website TipsMake.com

Learn basic Markdown syntax

Website TipsMake.com.

Learn basic Markdown syntax

3. Bold print - Bold

To bold text, add two asterisks or underscores before and after a word or phrase. To bold letters between a word to emphasize, add two asterisks before and after the letters (do not use space).

Markdown

HTML

output

Website ** QTM **. Website QTM . Website QTM Website __QTM__. Website QTM . Website QTM ** quantrimang **. Com quantrimang .com quantrimang .com

4. Italic - Italic

To print italic, add an asterisk or an underscore before and after a word or phrase. To print it in the middle of a word to emphasize, add an asterisk before and after the letters (do not use space).

Markdown

HTML

output

Italicized text is the * cat's meow *. Italicized text is the cat's meow . Italicized text is the cat's meow . Italicized text is the _cat's meow_. Italicized text is the cat's meow . Italicized text is the cat's meow . A * cat * meow A cat meow A cat meow

5. Bold and italics

To emphasize text in bold and italics at the same time, add three asterisks or three underscores before and after a word or phrase.

Markdown

HTML

output

Đây text là *** really quan trọng ***. Đây text này không đúng . Đây text này không đúng . This text is ___really important___. Đây text này không đúng . Đây text này không đúng . This text is __ * really important * __. Đây text này không đúng . Đây text này không đúng . This text is ** _ really important _ **. Đây text này không đúng . Đây text này không đúng .

6. Quote - Blockquote

To create a blockquote, add a > sign before the paragraph.

 > TipsMake.com is a social network of science and technology, with open content 
 wide range of fields such as mobile phones, smart devices, electronics, 
 computer security .

Output is displayed like this:

TipsMake.com is a social network of science and technology, with content extending in many areas such as phones, smart devices, electronics, computer security .

6.1 Blockquote has many segments

Blockquote can contain multiple segments. Add > to blank lines between paragraphs.

 > TipsMake.com is a social network of science and technology, with open content 
 wide range of fields such as mobile phones, smart devices, electronics, 
 computer security . 
 > 
 > To become part of TipsMake.com, please submit articles, cover 
 Technology experience for the management team.

Output is displayed like this:

TipsMake.com is a social network of science and technology, with content extending in many areas such as phones, smart devices, electronics, computer security .

To become a part of TipsMake.com, please submit your article, experience your technology to the management team.

6.2 Nested Blockquote

Blockquote can be caged in another Blockquote. Add a >> in front of the segment you want to nest.

 > TipsMake.com is a social network for tech followers. 
 > 
 >> You can share your posts on the page if you have an account, you 
 You can view posted articles, view other members' posts and 
 Search for posts you care about on the page.

Output is displayed like this:

TipsMake.com is a social network for technology followers.

You can share your article on the page if you have an account, you can view the posted article, view other members' posts and search for posts you care about on the page.

6.3 Blockquote includes other factors

Blockquote may contain other Markdown formatting elements. However, not all elements are usable, so you need to experiment to see which format will work.

 > #### Search for articles on TipsMake.com 
 > 
 > - Enter ** keyword ** or ** article name ** in the search box above 
 * TipsMake.com * as usual and press *** Enter ***. 
 > - To search for specific keywords, you can give it 
 Go to the '', for example 'create boot usb', 'install Windows 7'. 
 > - If you want to search on Google, you can search by: keyword + 
 site: TipsMake.com. For example: * clicking the network site: quantrimang.com * 
 > 
 > Have a fun and rewarding moment on ** TipsMake.com **!

Output is displayed like this:

Search for articles on TipsMake.com

Enter a keyword or article name in the search box on TipsMake.com as usual and press Enter.

To search for specific keywords, you can include them in '', for example 'create boot usb', 'install Windows 7'.

If you want to search on Google, you can search by: keyword + site: TipsMake.com. For example, how to click the network site: quantrimang.com

Wish you have fun and rewarding moments on TipsMake.com !

7. List

You can use Markdown to format the items into lists in order or not.

7.1 Ordered list

To create an ordered list, you only need to add the numbers followed by a period before the content you want to create. Numbers do not necessarily have to be 1 2 3 4 times in turn, but you should start with a number.

Markdown

HTML

output

1. First item
2. Second item
3. Third item
4. Fourth item

First item

Second item

Third item

Fourth item

First item
Second item
Third item
Fourth item

1. First item
1. Second item
1. Third item
1. Fourth item

First item

Second item

Third item

Fourth item

First item
Second item
Third item
Fourth item

1. First item
8. Second item
3. Third item
5. Fourth item

First item

Second item

Third item

Fourth item

First item
Second item
Third item
Fourth item

1. First item
2. Second item
3. Third item
1. Indented item
2. Indented item
4. Fourth item

First item

Second item

Third item

Fourth item

First item
Second item
Third item
1. Indented item
2. Indented item
Fourth item

7.2 Unordered list

To format a list with bullet points in Markdown, you use the dash character - , asterisk * or plus sign + and a space before the content you want to create, use two extra spaces ahead if you want back into a level.

Markdown

HTML

output

- First item
- Second item
- Third item
- Fourth item

First item

Second item

Third item

Fourth item

First item
Second item
Third item
Fourth item

* First item
* Second item
* Third item
* Fourth item

First item

Second item

Third item

Fourth item

First item
Second item
Third item
Fourth item

+ First item
* Second item
- Third item
+ Fourth item

First item

Second item

Third item

Fourth item

First item
Second item
Third item
Fourth item

- First item
- Second item
- Third item
- Indented item
- Indented item
- Fourth item

First item

Second item

Third item

Fourth item

First item
Second item
Third item
1. Indented item
2. Indented item
Fourth item

7. 3 Lists include other factors

To add another element that still maintains the continuity of the list, we move the element inside with four spaces or a tab , for example, as follows.

Add paragraphs

 * Technology 
 * Program 
 Share programming experience, programming some languages. 
 * Technology Village

Output is displayed like this:

Technology
Program
Share programming experience, programming some languages.
Technology Village

Add Blockquote

 * Technology 
 * Program 
 > Share programming experience, programming some languages. 
 * Technology Village

Output displayed:

Technology
Program
Share programming experience, programming some languages.
Technology Village

Add a code

 1. Open the file. 
 2. Find the following code on line 21: 

 Kiểm TRA 
 3. Update the title that matches the name of your website.

Output displayed:

Open the file.
Find the following code on line 21:
```
 
  Test 
   
```
Update the title to match the name of your website.

8. Code

To denote a word or phrase in the form of code, put it in the ` sign.

At the command prompt, type `nano`.At the command prompt, type

nano

. At the prompt command, type

nano

Block of code

The code is presented by adding four spaces at the beginning of each line:

Output displayed:

9. Horizontal rule - Horizontal rule

To create a horizontal line, use three *** asterisks, hyphens --- or underscores ___ on the same line.

 *** 
 * * * 
 --- 
 - - - 
 ___ 
 _ _ _

Result:

10. Links - Link

A link is automatically created with a simple <,> hook pair around the link like this:

http://google.com

Or more sophisticated by placing the link text in brackets (for example: [TipsMake.com]) and attaching a URL in parentheses (eg (https://quantrimang.com)).

 My favorite website is [TipsMake.com] (https://quantrimang.com).

Result:

My favorite website is TipsMake.com.

10.1 Add a title to the link

In addition, you can add a title for the link that appears as a tooltip when the user hovers over the link. To add a title, place it in parentheses after the URL.

 My favorite website is [TipsMake.com] (https://quantrimang.com "Website 
 Leading technology ").

My favorite website is TipsMake.com.

10.2 URLs and email addresses

To quickly turn the URL or email address into a link, place it in curly braces.

Result:

https://quantrimang.com
info@meta.vn

10.3 Formatting links

To emphasize links, add a star before and after the link format cluster.

 My favorite website is ** [TipsMake.com] (https://quantrimang.com "Website 
 Leading technology "). ** 

 The categories you usually follow are * [Technology Village] (https://quantrimang.com/lang-cong-nghe 
 "Technology Village Category"). *

Result:

My favorite website is TipsMake.com .
The category that is often tracked is the Technology Village .

11. Photos

To add images in markdown, you add characters ! first, then write alt text in square brackets [] and image URL in parentheses () .

 ! [The best thing to hold onto in life is each other.!] (/ Photos / image / 
 2019/05 / wedding-1.jpg "Wedding - Save the date")

Result:

Basic Markdown syntax Picture 2 Basic Markdown syntax Picture 2

Insert link into image

After having the image above, you want to add a link when clicking on the image

To add a link to the image in Markdown, you place the entire image declaration as the step above in square brackets [] and add the link you need in parentheses () next.

 [! [The best thing to hold onto in life is each other.!] (/ Photos / image / 
 2019/05 / wedding-1.jpg "Wedding - Save the date")] (https://quantamang.com/)

Basic Markdown syntax Picture 3 Basic Markdown syntax Picture 3

There are many reasons to use Markdown, but the biggest reason is due to the convenience of using custom designed syntax to help you save time, so remembering the Markdown syntax will be extremely That's good.

Hope this article is useful to you!