HTML Editors

Understand the topic

An HTML document is a plain text file saved with an .html extension. A code editor can highlight syntax, suggest closing tags, and organize a project, but the browser is what renders the result. Keep an editor and browser open together. Save changes, reload the page, and use developer tools to inspect the DOM and diagnose missing files.

Worked example

my-website/
  index.html
  about.html
  assets/
    styles.css
    photo.png

This small project separates pages from assets. Open index.html locally for a simple page; use the existing local server when examples need HTTP, requests, or browser APIs.

Practice

Create this folder structure and save a page containing your name. Change the paragraph, save, and refresh.

Save as index.html rather than index.html.txt. Open the file or visit its local server URL. Confirm that the new paragraph appears after refreshing.

Common mistake

A word processor may save rich text rather than HTML. Check the real filename extension and use a plain text or code editor.

HTML documentation