Common Conversion Examples
Basic Text Formatting
HTML Input:
<h1>Main Title</h1>
<h2>Subtitle</h2>
<p>This is a paragraph with <strong>bold text</strong> and <em>italic text</em>.</p>
<p>Here's some <code>inline code</code> in a sentence.</p>
Markdown Output:
# Main Title
## Subtitle
This is a paragraph with **bold text** and _italic text_.
Here's some `inline code` in a sentence.
Lists
HTML Input:
<h3>Unordered List</h3>
<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>First step</li>
<li>Second step</li>
<li>Third step</li>
</ol>
Markdown Output:
### Unordered List
- First item
- Second item
- Third item
### Ordered List
1. First step
2. Second step
3. Third step
Links and Images
HTML Input:
<p>Visit our <a href="https://example.com">website</a> for more information.</p>
<img src="https://example.com/image.jpg" alt="Example Image" />
<p>Check out this <a href="https://github.com/user/repo">GitHub repository</a>.</p>
Markdown Output:
Visit our [website](https://example.com) for more information.

Check out this [GitHub repository](https://github.com/user/repo).
Tables
HTML Input:
<table>
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>City</th>
</tr>
</thead>
<tbody>
<tr>
<td>John Doe</td>
<td>30</td>
<td>New York</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>25</td>
<td>Los Angeles</td>
</tr>
</tbody>
</table>
Markdown Output:
| Name | Age | City |
| ---------- | --- | ----------- |
| John Doe | 30 | New York |
| Jane Smith | 25 | Los Angeles |
Code Blocks
HTML Input:
<pre><code class="language-javascript">
function greet(name) {
console.log(`Hello, ${name}!`);
}
greet('World');
</code></pre>
Markdown Output:
```javascript
function greet(name) {
console.log(`Hello, ${name}!`);
}
greet('World');
```
### Blockquotes
**HTML Input:**
```html
<blockquote>
<p>This is a blockquote with multiple paragraphs.</p>
<p>It can contain <strong>formatted text</strong> and <a href="#">links</a>.</p>
</blockquote>
Markdown Output:
> This is a blockquote with multiple paragraphs.
>
> It can contain **formatted text** and [links](#).
Complex Example
HTML Input:
<article>
<header>
<h1>Blog Post Title</h1>
<p><em>Published on January 1, 2024</em></p>
</header>
<p>This is the introduction paragraph with a <a href="https://example.com">link</a>.</p>
<h2>Features</h2>
<ul>
<li>Feature one</li>
<li>Feature two</li>
<li>Feature three</li>
</ul>
<h3>Code Example</h3>
<pre><code class="language-python">
def hello_world():
print("Hello, World!")
</code></pre>
<blockquote>
<p>This is an important note about the topic.</p>
</blockquote>
<h2>Conclusion</h2>
<p>In conclusion, this tool is <strong>very useful</strong> for converting HTML to Markdown.</p>
</article>
Markdown Output:
# Blog Post Title
_Published on January 1, 2024_
This is the introduction paragraph with a [link](https://example.com).
## Features
- Feature one
- Feature two
- Feature three
### Code Example
```python
def hello_world():
print("Hello, World!")
```
This is an important note about the topic.
Conclusion
In conclusion, this tool is very useful for converting HTML to Markdown.
## Tips for Better Conversions
1. **Clean HTML**: Remove unnecessary attributes and styling
2. **Proper Structure**: Use semantic HTML elements
3. **Test Settings**: Try different conversion options
4. **Review Output**: Always check the preview before exporting
5. **Use Examples**: Start with the provided examples to understand the tool