What is an HTML Text Editor
An HTML editor is a Software tool to create and modify HTML documents.
HTML editors can be divided into three categories :
Text editors
,
WYSIWYG
editors
and
Online editors
.
Text HTML Editors can be divided into two categories :
Basic Text Editor
and
Source Text Editor
.
WYSIWYG Editors
This kind of an html editor provides an interface which looks like
how the page will look in a web browser. These kind of HTML editors
offer all the features available in a Source Text Editor.
Examples of WYSIWYG editors are : Dreamweaver,Amaya,CoffeeCup HTML
Editor,KompoZer,Microsoft Visual Web Developer Express,Microsoft
Publisher,Opera Dragonfly Quanta Plus,,SeaMonkey Composer,TinyMce etc.
A WYSIWYG editor
HTML Text Editors
Write HTML Using Notepad or TextEdit
HTML can be edited by using a professional HTML editor like:
- Adobe Dreamweaver
- Microsoft Expression Web
- CoffeeCup HTML Editor
However, for learning HTML we recommend a text editor like Notepad (PC) or TextEdit (Mac).
We believe using a simple text editor is a good way to learn HTML.
Follow the 4 steps below to create your first web page with Notepad.
Step 1: Open Notepad
To open Notepad in Windows 7 or earlier:
Click
Start
(bottom left on your screen). Click
All Programs. Click
Accessories. Click
Notepad.
To open Notepad in Windows 8 or later:
Open the Start Screen
(the window symbol at the bottom left
on your screen). Type Notepad.
Step 2: Write Some HTML
Write or copy some HTML into Notepad.
Example
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Step 3: Save the HTML Page
Save the file on your computer.
Select File > Save as in the Notepad menu.
You can use either .htm or .html as file extension. There is no difference, it is up to you.
Step 4: View HTML Page in Your Browser
Double-click your saved HTML file, and the result will look much like this:
No comments:
Post a Comment