Live Preview — index.html
Ready
aria: html Console
Pages panel (right side of editor): Click a filename to switch pages Double-click a filename to rename it Click × to delete a page Click "+ new page" to add a page Navigation links work automatically: <a href="about.html">About</a> → clicking in preview switches to that page CSS and JS are SHARED — they apply to every page.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page Title</title>
</head>
<body>
<!-- visible content here -->
</body>
</html>
<h1>–<h6> Headings <p> Paragraph <strong> Bold <em> Italic <a href="url">Link</a> <br> <hr> <img src="url" alt="desc"> <div> Block container <span> Inline <ul> <ol> <li> Lists
p { color: blue; } /* element */
.box { padding: 10px; } /* class */
#hdr { text-align: center; } /* id */
.row { display: flex; gap: 12px; }
.grid { display: grid; grid-template-columns: 1fr 1fr; }
let el = document.getElementById("myId");
el.innerHTML = "New text!";
el.style.color = "red";
let val = document.getElementById("inp").value;
el.addEventListener("click", function() { ... });
<input type="text" id="name" placeholder="Name"> <button onclick="myFn()">Click</button> <select id="pick"><option>One</option></select> <table> <tr><th>Name</th><th>Score</th></tr> <tr><td>Alice</td><td>95</td></tr> </table>
