Everything you need to know about graphics. Web Design, computer graphics, software and how to

How to start a simple HTML page

How to start a simple HTML page

By daniele

HTML is a markup language that teaches web browsers how to arrange the sites you visit. It can be as complex or as straightforward as the site developer desires. HTML is composed of components used to enclose, wrap, or mark up different portions of the material to make it appear or operate in a specific way. Here I discuss some text editors for starting a simple HTML page.

HTML Using Notepad or TextEdit

    • Professional HTML editors can be used to design and modify web pages.
    • However, a simple text editor such as Notepad (PC) or TextEdit is recommended for learning HTML (Mac).
    • We believe that learning HTML is best done with a simple text editor.
  • Follow the steps below to make your first web page with Notepad or TextEdit.

Open Notepad (PC) on Windows 8 or later.

  • Launch the Start Menu (the window symbol at the bottom left on your screen). In Notepad, type.
  • Windows 7 and older:
  • Open Notepad by going to Start > Programs > Accessories > Notepad.

Open TextEdit first (Mac)

  • Open TextEdit in Finder > Applications.
  • Change several options as well to get the software to save files correctly. Choose “Plain Text” from Preferences > Format.
  • Then, under “Open and Save,” select “Display HTML files as HTML code rather than formatted text.”
  • Then create a new document in which to paste the code.




<body>the body elements represent the content of document</body>

</HTML>the html elements represent the root of the html documents.

Save the HTML Document

  • Save the File to your hard drive. In the Notepad menu, go to File> Save as.
  • Set the encoding to UTF-8 and name the file “index.htm” (the preferred encoding for HTML files).

In your browser, view the HTML page.

Open the Html document in your preferred browser (double click on the File, or right-click – and choose “Open with”).

“Try it Yourself” with W3Schools Online Editor

You may modify HTML code and view the outcome in your browser using our free online editor.