index.html
styles.css
scripts.js
1
Live Preview
🌐 acubens.in / html-editor
</>
Click RUN to see your preview
or start typing — auto-preview is on

Fundamentals

  • Start with <!DOCTYPE html>
  • Root: <html>..</html>
  • Headings: <h1> to <h6>
  • Paragraphs: <p>..</p>
  • Links: <a href="">
  • Images: <img src="">

HTML Tables

  • Table: <table>
  • Row: <tr>
  • Header: <th>
  • Data: <td>
  • Caption: <caption>

CSS Basics

  • Inline: style="color:red"
  • Internal: <style>..</style>
  • External: use styles.css tab
  • Flexbox: display:flex
  • Grid: display:grid

JavaScript

  • Use scripts.js tab for JS
  • Select: document.querySelector()
  • Events: addEventListener()
  • Fetch, Promises, ES6+ supported
● HTML Editor
|
Lines: 1
|
Chars: 0
|
Ln 1, Col 1
Syntax Help▲
|
acubens.in
|
HTML5 · CSS3 · ES6
⚡