HTML Editors
Basic layout of HTML Page
The web pages can be created and modified by using professional HTML editors. For the learning HTML we can use a simple text editor like Notepad (For Windows PC) or TextEdit (Mac).
Write HTML code Using Notepad/TextEdit
For Notepad (PC)
- Windows 8 or later - Open the Start Screen (the window symbol at the bottom left on your screen). Just type notepad and open it.
- Windows 7 or earlier - Open Start > Programs > Accessories > Notepad
For TextEdit (Mac)
- Open Finder > Applications > TextEdit - Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"
Basic HTML Document
In its simplest form to write or copy some HTML code into Notepad.
<!DOCTYPE html>
<html>
<head>
<title>index.htm</title>
</head>
<body>
<h1>My First Heading</h>
<p>My first paragraph</p>
</body>
</html>
Why needs HTML Editor?
If we are making a note in computer then we need notepad, word-pad or other software where we can type like these if we want to create a HTML document then we need HTML Editor
HTML Editor use to write HTML Code, which is understood by web browser and web browser will convert HTML code in web page and we will able to see web page.
HTML Editor
We can write all html code in note-pad or text-editor just we have to keep in mind we have to save it in HTML format, means with .html extension. So follow step by step to start using note-pad as a html editor.
- To start open note-pad in your computer
- In note-pad software on top left corner, in menu click on file and chose Save As..
- After step-2 a new window will be open , it will ask you file_name and location where you want to save it. See below image
Save the HTML Page
View the HTML Page in Browser
- Open the saved HTML file in your favorite browser
- Double click on the file,
- OR right-click - and choose Browser "Open with".
Take care of few steps
- Browse a location where you want to save this HTML document.
- In above window for File name you can give any name to this HTML document but after name put extension .html instead of .txt, example home.html, index.html etc.
- Below file name there is Save as type, select All files
- Now click on Save
Notepad Code look like
The result will look like this -
Some Useful HTML Editors
You can use Notepad++, Eclipse, Sublime text and much more are available. You can download them free and you can use them to edit your HTML document.
HTML Overview
Hypertext - It's refers to the way in which web pages are linked together. Thus, the link available on a webpage, It is called Hypertext.
HTML was developed with the intent of defining the structure of documents like headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information between researchers.