Tutorials @ITianWorld


HTML Working Platform/Editors

A simple platform where you learn HTML easily.

Learn HTML with Notepad or Notepad++

  • A web page can be developed by using Notepad.
  • Notepad++ is an advance version of Notepad that supports several languages.
  • These platforms are the simplest and user friendly editor which we recommend as a good way to learn HTML.
  • Those editors like Notepad or Notepad++ running in Microsoft Windows (PC) and for Mac TextEdit is recommend.

These are some steps below which is used to create your first web page.

Step 1: Open Notepad++ (PC)

Windows 10 or earlier :

Press window + R and type Notepad++ or click on the window symbol on your screen and type Notepad++.

Note : We can use the same shortcut method for Notepad editor but for Windows 7 or earlier we use “Start>Program> Accessories>Notepad."

Step 2: Write some HTML code using Notepad or Notepad++.

You can write or copy the following code of HTML into Notepad or Notepad++

<!DOCTYPE html>

     <html>

         <head>

             <title>Title of HTML Page</title>

         </head>

         <body>

            <h1>This is my first heading</h1>

            <p>Here my first paragraph</p>

         </body>

     </html>

NOTEPAD Screenshot & NOTEPAD++ Screenshot

Step 3: Save the page/file of HTML.

Simply press Ctrl + S (Ctrl & S) with file name and using HTML extension i.e. file name.html or .htm

Step 4: View your first web page in Browser.

Open the saved HTML file in any browser it’s up to you.

Note: You can open it with simply double click on file or right-click and select “Open with” then chose any browser.

The screen will look like this and it’s your result.

Browser Output screenshort

Online Editor – “Get Result”

ItianWorld provide you free Online Editor, you can write or edit your HTML code and get result in your browser.

EXAMPLE :

<!DOCTYPE html>

     <html>

         <head>

             <title>Page Title</title>

         </head>

         <body>

            <h1>Your heading here</h1>

            <p>Your content here……</p>

         </body>

     </html>

"Get Result"

Scroll to Top