HTML Editors

You only need a plain text editor and a browser to write HTML.

Syntaxfilename.html

You do not need any special software to write HTML. A simple text editor and a web browser are enough.

Popular editors

  • VS Code, Sublime Text, or Notepad++
  • Even basic Notepad or TextEdit works fine.

Save your file with a .html extension, then open it in any browser to see the result.

Example

Try it yourself
Loading editor…
Press Run to see the result.

When to use it

  • A developer configures VS Code with an HTML extension to get tag auto-completion while coding.
  • A beginner uses an online editor like CodePen to experiment with HTML without installing anything.
  • A team enforces a shared editor config (.editorconfig) to keep HTML indentation consistent across contributors.

More examples

Minimal HTML file saved locally

Any plain-text editor can create this file; saving with .html lets browsers open it directly.

Example · html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Hello</title>
</head>
<body>
  <p>Saved as index.html and opened in a browser.</p>
</body>
</html>

Emmet abbreviation expansion in VS Code

Emmet shorthand built into VS Code generates repetitive HTML structure in one keystroke.

Example · html
<!-- Type  ul>li*3>a  then press Tab in VS Code -->
<ul>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
</ul>

editorconfig for consistent HTML formatting

An .editorconfig file enforces consistent indentation and encoding for HTML across all editors.

Example · yaml
# .editorconfig
root = true

[*.html]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

Discussion

  • Be the first to comment on this lesson.
HTML Editors — HTML | SoundsCode