Professional HTML viewer with live preview. Type HTML and see instant rendering.
Preview will appear here...
Your privacy is protected! No data is transmitted or stored.
| Tag | Example | Description |
|---|---|---|
| 📄 DOCUMENT STRUCTURE | ||
<html> | <html>...</html> | Root element of HTML document |
<head> | <head>...</head> | Contains metadata and title |
<body> | <body>...</body> | Contains visible page content |
<title> | <title>Page Title</title> | Page title in browser tab |
<meta> | <meta charset="UTF-8"> | Metadata about the document |
| 📝 HEADINGS & TEXT | ||
<h1>...</h1> | <h1>Main Heading</h1> | Largest heading |
<h2>...</h2> | <h2>Subheading</h2> | Subheading level 2 |
<h3>...</h3> | <h3>Subheading</h3> | Subheading level 3 |
<p> | <p>Paragraph text</p> | Paragraph |
<strong> | <strong>Bold</strong> | Bold/important text |
<em> | <em>Italic</em> | Emphasized/italic text |
<br> | Line 1<br>Line 2 | Line break |
<hr> | <hr> | Horizontal rule |
| 📋 LISTS | ||
<ul> | <ul><li>Item</li></ul> | Unordered list |
<ol> | <ol><li>Item</li></ol> | Ordered list |
<li> | <li>List item</li> | List item |
<dl> | <dl><dt>Term</dt></dl> | Definition list |
| 🔗 LINKS & IMAGES | ||
<a> | <a href="url">Link</a> | Hyperlink |
<img> | <img src="image.jpg" alt="Alt"> | Image |
| 📋 FORMS | ||
<form> | <form>...</form> | Form container |
<input> | <input type="text"> | Input field |
<button> | <button>Click</button> | Button |
<textarea> | <textarea></textarea> | Multi-line text input |
<select> | <select><option>...</option></select> | Dropdown list |
| 📊 TABLES | ||
<table> | <table>...</table> | Table container |
<tr> | <tr>...</tr> | Table row |
<td> | <td>Cell</td> | Table data cell |
<th> | <th>Header</th> | Table header cell |
| 🏗️ SEMANTIC ELEMENTS | ||
<header> | <header>...</header> | Page header |
<nav> | <nav>...</nav> | Navigation section |
<main> | <main>...</main> | Main content |
<article> | <article>...</article> | Article content |
<section> | <section>...</section> | Content section |
<footer> | <footer>...</footer> | Page footer |
<aside> | <aside>...</aside> | Sidebar/aside content |
Preview HTML with our powerful, intuitive viewer
See HTML rendered instantly as you type. Real-time preview!
Type HTML directly and see results instantly. Perfect for learning!
Copy HTML or download as file. Perfect for your projects!
Preview HTML in just a few clicks
Type or paste your HTML code into the input field.
Live preview updates instantly as you type!
Test your HTML and debug issues in real-time!
Copy HTML or download as file. Perfect for projects!