Scribd
Upload
2 views

HTML Editors

The document provides a guide on how to learn HTML using simple text editors like Notepad for PC or TextEdit for Mac. It outlines steps to create a basic HTML page, including writing code, saving the file, and viewing it in a web browser. The document emphasizes that using a simple text editor is beneficial for learning HTML fundamentals.

Uploaded by

Asif Ali
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

HTML Editors

The document provides a guide on how to learn HTML using simple text editors like Notepad for PC or TextEdit for Mac. It outlines steps to create a basic HTML page, including writing code, saving the file, and viewing it in a web browser. The document emphasizes that using a simple text editor is beneficial for learning HTML fundamentals.

Uploaded by

Asif Ali
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

 Tutorials  Exercises  Services   Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++

HTML Editors
❮ Previous Next ❯

A simple text editor is all you need to learn HTML.

Learn HTML Using Notepad or TextEdit


Web pages can be created and modified by using professional HTML editors.

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

We believe that using a simple text editor is a good way to learn HTML.

Follow the steps below to create your first web page with Notepad or TextEdit.

Step 1: Open Notepad (PC)


Windows 8 or later:

Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

Windows 7 or earlier:

Open Start > Programs > Accessories > Notepad

Step 1: Open TextEdit (Mac)


Open Finder > Applications > TextEdit
Also change some preferences to get the application to save files correctly. In Preferences >
 FormatTutorials
> choose Exercises
 "Plain Text" Services   Sign Up Log in

HTML CSS "Open


Then under JAVASCRIPT
and Save", SQL PYTHON
check the JAVA "Display
box that says PHP HTML
HOW TO as HTML
files W3.CSS C C++
code instead
of formatted text".

Then open a new document to place the code.

Step 2: Write Some HTML


Write or copy the following HTML code into Notepad:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

ADVERTISEMENT
StepTutorials
 3: Save  the HTML
Exercises Page
Services   Sign Up Log in

HTML CSS
Save the file onJAVASCRIPT SQL
your computer. SelectPYTHON JAVA
File > Save PHP
as in the HOWmenu.
Notepad TO W3.CSS C C++

Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred encoding for
HTML files).

Tip: You can use either .htm or .html as file extension. There is no difference; it is up to you.

Step 4: View the HTML Page in Your Browser


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

The result will look much like this:


W3Schools
 Tutorials  Online
Exercises  Editor
Services  - "Try it Yourself" Sign Up Log in

HTML CSS
With our JAVASCRIPT
free online editor, youSQL PYTHON
can edit the HTML JAVA
code andPHP HOW
view the TO in your
result W3.CSS C
browser. C++

It is the perfect tool when you want to test code fast. It also has color coding and the ability to
save and share code with others:

Example
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Try it Yourself »

Click on the "Try it Yourself" button to see how it works.

W3Schools Spaces
If you want to create your own website and save your code online, try our free website
builder, called W3schools Spaces:

W3Schools Spaces
Everything you need right in the browser.
 Tutorials  Exercises  GetStarted Now
Services  Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++

Video: HTML Editors

❮ Previous Next ❯

Track your progress - it's free!


Sign Up Log in
g p g

 Tutorials  Exercises  Services   Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++

ADVERTISEMENT

Parallels®
Desktop
20
Run Windows
on Intel & Apple
M-series Macs.
Windows 11,
macOS Sequoia
Optimized.

parallels.com

Shop Now
COLOR PICKER
 Tutorials  Exercises  Services   Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++


ADVERTISEMENT

ADVERTISEMENT

ADVERTISEMENT
 Tutorials  Exercises  Services   Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++

 PLUS SPACES

GET CERTIFIED FOR TEACHERS

FOR BUSINESS CONTACT US

Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial

Top References
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference

 Tutorials  jQuery Reference


Exercises 
Top Examples
Services  
Get Certified
Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++
HTML Examples HTML Certificate
CSS Examples CSS Certificate
JavaScript Examples JavaScript Certificate
How To Examples Front End Certificate
SQL Examples SQL Certificate
Python Examples Python Certificate
W3.CSS Examples PHP Certificate
Bootstrap Examples jQuery Certificate
PHP Examples Java Certificate
Java Examples C++ Certificate
XML Examples C# Certificate
jQuery Examples XML Certificate

    

FORUM ABOUT ACADEMY


W3Schools is optimized for learning and training. Examples might be simplified to improve reading and
learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full
correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie
and privacy policy.

Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.

You might also like