HTML Editor
For creating or editing a website requires a HTML editor or HTML Formatter, You need a simple text editor to learn HTML.
Here are some examples of text editors:
What is HTML editor or HTML formatter?
HTML editor or HTML formatter is a text editor with the help of which you can create and edit any text file,
Here we will tell about some important and free of cost HTML editors:
"Notepad" a simple text editor:
"Notepad ++" text editor:
"Visual Studio Code" an advanced text editor:
From the above text editors we will use "Notepad" here:
Learn HTML using "Notepad" for PC or "TextEdit" for Mac
- Web pages can also be created and edited using professional HTML editors, but for beginners we suggest a simple text editor (Notepad).
- However, for learning HTML we recommend a simple text editor such as Notepad for PC or TextEdit for Mac.
- We believe that using a simple text editor is a great way to learn HTML.
Follow the steps below to create your first webpage with Notepad or TextEdit.
How to creat HTML document?
- Open Notepad on your computer,
-
Write the following HTML code in Notepad or copy and paste the code from the following pattern into Notepad,
Sample HTML document template
<!DOCTYPE html>
<html>
<head>
<title>HTML template</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>The HTML code written in Notepad will look like this:
-
Save the HTML page:
- Click "Save As" in File,
- Type the name of your first file "index.html"
- Select "UTF-8" in "Encoding" and save the file as follows:
-
View the HTML page in your browser:
- Open the saved file in your favorite browser, double click on the file or right click and click "Open with" then select your favorite browser,
- The result of the HTML you typed will look like this:
Suggestions:
- You can use .html or .htm as a file extension, no matter which of them you use.
- You can type the name of the HTML file to your liking and need, but the file extension name .html or .htm must be written.