HTML Editor

What is HTML Editor?

A HTML editor is a program used for editing HTML code to design or to develop the web page.

HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).

But HTML can be controlled with any text editor, like Sublime Text,Visual Studio Code (VS Code),Atom,Brackets,Notepad++ and more..

Follow the steps below to create your first web page with a simple HTML code editor (Notepad) or (TextEdit). Also you can use any text editor you have on your PC.

Step 1: Open Notepad(Window)

  • Click on the Start Menu: Click on the Windows icon located in the bottom-left corner of your screen to open the Start Menu.
  • Search for "Notepad": In the search bar located within the Start Menu, type "Notepad" and press Enter. This will search for the Notepad application on your window.
  • Select Notepad from the Search Results and click Enter:

Step 2: Write HTML code

Write in your notepad the simple HTML code that indicated below:

Example

                                                    
                                                        <!DOCTYPE html>
<html lang="en">
<head>
  <title>Hello World</title>
</head>
<body>
  <h1>Hello World!</h1>
  <p>This is a simple "Hello World" website.</p>
</body>
</html>

Step 3: Save the HTML Page

  • Once you have your HTML code in Notepad, click on "File" in the menu bar at the top-left corner of the Notepad window.
  • Select "Save As..." from the dropdown menu.
  • Choose the location where you want to save your HTML file.
  • In the "File name" field, type the name you want to give to your HTML file. Make sure to include the ".html" extension at the end of the file name to indicate that it's an HTML file.
  • In the "Save as type" dropdown menu, select "All Files (.)" to ensure that Notepad doesn't automatically add a ".txt" extension to the file.
  • Click the "Save" button to save your HTML file.

Step 4: View HTML Page in Your Web Browser

Open the saved HTML file in your browser (double click on the file, or right-click - and choose "Open with").

It is easy!