Ví dụ 1: Headers

Markdown:

# H1 Tiêu đề

## H2 Tiêu đề

### H3 Tiêu đề

HTML:

<h1>H1 Tiêu đề</h1>

<h2>H2 Tiêu đề</h2>

<h3>H3 Tiêu đề</h3>

Ví dụ 2: Bold và Italic

Markdown:

**Chữ đậm** hoặc __Chữ đậm__

*Chữ nghiêng* hoặc _Chữ nghiêng_

***Đậm và nghiêng*** hoặc ___Đậm và nghiêng___

HTML:

<strong>Chữ đậm</strong>

<em>Chữ nghiêng</em>

<strong><em>Đậm và nghiêng</em></strong>

Ví dụ 3: Links và Images

Markdown:

[Google](https://google.com)

[Link với title](https://example.com "Hover text")

![Logo](https://example.com/logo.png)

![Alt text](image.jpg "Image title")

HTML:

<a href="https://google.com">Google</a>

<a href="https://example.com" title="Hover text">Link với title</a>

<img src="https://example.com/logo.png" alt="Logo">

<img src="image.jpg" alt="Alt text" title="Image title">

Ví dụ 4: Lists

Markdown (Unordered):

- Item 1

- Item 2

- Sub item

Markdown (Ordered):

1. First

2. Second

HTML:

<ul><li>Item 1</li><li>Item 2</li></ul>

<ol><li>First</li><li>Second</li></ol>

Ví dụ 5: Code

Markdown (inline):

Use `console.log()` to debug

Markdown (block):

```javascript

function hello() {

console.log("Hi");

}

```

HTML:

<code>console.log()</code>

<pre><code class="language-javascript">...</code></pre>