w

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

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.

![Example Image](https://example.com/image.jpg)

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


Was this page helpful?