HTML Tutorials

HTML Write & View

Topics List

Where Can You Write HTML?

You can write HTML in any text editor. Popular examples are:

  • Notepad (comes with Windows)
  • TextEdit (comes with Mac)
  • Code editors like Visual Studio Code, Sublime Text, or Atom (free to download)
  • Online Editors like CodePen (codepen.io) or JSFiddle (jsfiddle.net) (No setup needed)

How to Create an HTML File

In Notepad (Windows)

  1. Open Notepad (Search for it in the Start menu).
  2. Write your HTML code.
  1. Click on FileSave As or press Ctrl+S
  1. In the Save window:
    • Type the file name with .htm or .html extension, like index.html
    • Set Save as type to All Files.
    • Choose UTF-8 encoding (important for special characters).
  2. Click Save.

In TextEdit (Mac)

  1. Open TextEdit.
  2. Go to TextEditSettings (or Preferences).
  3. In the settings:
    • Under New Document, set Format to Plain Text.
  4. Write your HTML code.
  5. Click FileSave.
  6. In the Save window:
    • Name your file with .html extension, like index.html.
    • Choose Where you want to save it (Desktop is easy).
    • Select UTF-8 encoding if available.
  7. Click Save.

How to View an HTML File

  • After saving, find the file on your computer.
  • Double-click the file.
  • It will open in your default web browser (like Chrome, Safari, or Edge).
  • You’ll see your HTML page live!

Why Beginners Need Simple Editors

Advanced editors come with auto-corrections, shortcuts, and many features that can distract beginners.

  • Starting with a simple editor like Notepad (Windows) or TextEdit (Mac) helps you focus on learning real HTML, without relying on shortcuts.
  • You can understand and fix your mistakes manually, which is essential for learning.
  • A simple editor provides a clear environment, helping you avoid confusion.
  • Once you build a strong foundation, transitioning to advanced editors becomes easier.

“Starting with the basics helps you become a stronger, more skilled web developer!”

Share with friends >>>

Print >>>