Converting Markdown to HTML involves transforming Markdown syntax into valid HTML tags. Markdown is a lightweight markup language that is easy to write and read, and the process of converting it to HTML allows it to be displayed correctly in a web browser or other environments that support HTML.
Why Convert Markdown to HTML?
Display on Web Pages: Web pages use HTML, and Markdown needs to be converted into HTML to be displayed properly on a website.
Compatibility: Many platforms (e.g., GitHub, Reddit, etc.) support Markdown, but sometimes you need to convert it into HTML for rendering or styling.
Formatting: Markdown is a great way to write documentation or content in a plain-text format, but when it's time to present it, HTML provides greater flexibility and control over presentation.
Common Markdown to HTML Conversion
Here are some common Markdown elements and their HTML equivalents:
1. Headings
Markdown: # Heading 1
HTML: <h1>Heading 1</h1>
Markdown: ## Heading 2
HTML: <h2>Heading 2</h2>
2. Paragraphs
Markdown: This is a paragraph.
HTML: <p>This is a paragraph.</p>
3. Bold Text
Markdown: **Bold Text**
HTML: <strong>Bold Text</strong>
4. Italic Text
Markdown: *Italic Text*
HTML: <em>Italic Text</em>
5. Links
Markdown: [Google](https://www.google.com)
HTML: <a href="https://www.google.com">Google</a>
6. Images
Markdown: 
HTML: <img src="image.jpg" alt="Alt text">
7. Lists
Unordered List:
Markdown: - Item 1
HTML: <ul><li>Item 1</li></ul>
Ordered List:
Markdown: 1. Item 1
HTML: <ol><li>Item 1</li></ol>
8. Code (Inline)
Markdown: `console.log('Hello')`
HTML: <code>console.log('Hello')</code>