Markdown/HTML Converter

Below is a brief explanation of common Markdown syntax and their corresponding HTML representations:

Headings

• Markdown Syntax: # H1, ## H2 ... ###### H6
• HTML Equivalent: <h1>H1</h1>, <h2>H2</h2> ... <h6>H6</h6>

Emphasis

• Markdown Syntax: *italic text* or _italic text_, **bold text** or __bold text__
• HTML Equivalent: <em>italic text</em>, <strong>bold text</strong>

Lists

• Unordered List

• Markdown Syntax: - List item 1, + List item 2, * List item 3

• HTML Equivalent: <ul><li>List item 1</li><li>List item 2</li><li>List item 3</li></ul>

• Ordered List

• Markdown Syntax: 1. List item 1, 2. List item 2

• HTML Equivalent: <ol><li>List item 1</li><li>List item 2</li></ol>

Links

• Markdown Syntax: [Link text](http://example.com)
• HTML Equivalent: <a href="http://example.com">Link text</a>

Images

• Markdown Syntax: ![Alt text](http://example.com/image.jpg)
• HTML Equivalent: <img src="http://example.com/image.jpg" alt="Alt text">

Code

• Inline Code: Wrap code with backticks, e.g., `console.log('Hello World');`
• HTML Equivalent: <code>console.log('Hello World');</code>
• Code Block
• Markdown Syntax:

```[language]
Multi-line code...
```

• HTML Equivalent: <pre><code>Multi-line code...</code></pre>

Blockquotes

• Markdown Syntax:

> Blockquote text
> Can span multiple lines

• HTML Equivalent: <blockquote>Blockquote text<br>Can span multiple lines</blockquote>

Horizontal Line

• Markdown Syntax: ---, ***, or ___
• HTML Equivalent: <hr>

Markdown’s concise syntax allows text to be both human-readable and easy to convert into structured HTML documents. It is ideal for writing documentation, blogs, README files, and more.