Scribd
Upload
81 views

Editors: Write HTML Using Notepad or Textedit

This document provides instructions for creating a basic HTML page using a simple text editor like Notepad. It outlines a 3 step process: 1) Open Notepad, 2) Add HTML code, 3) Save and view the HTML file in a web browser. Basic HTML elements like headings, paragraphs, links, and images are demonstrated with simple examples.

Uploaded by

Zani Zani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
81 views

Editors: Write HTML Using Notepad or Textedit

This document provides instructions for creating a basic HTML page using a simple text editor like Notepad. It outlines a 3 step process: 1) Open Notepad, 2) Add HTML code, 3) Save and view the HTML file in a web browser. Basic HTML elements like headings, paragraphs, links, and images are demonstrated with simple examples.

Uploaded by

Zani Zani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 4

HTML Editors

Write HTML Using Notepad or TextEdit


HTML can be edited by using a professional HTML editor like:
Adobe Drea!ea"er
Microsoft Expression Web
#offee#up HTML Editor
Ho!e"er$ for learning HTML !e recoend a text editor like Notepad %&#' or TextEdit %Mac'( We
belie"e using a siple text editor is a good !ay to learn HTML(
)ollo! t*e + steps belo! to create your first !eb page !it* Notepad(
,tep -: ,tart Notepad
To start Notepad go to:
Start
All Programs
Accessories
Notepad
,tep .: Add HTML #ode
Type your HTML code into your Notepad:
,tep /: ,a"e HTML &age
,elect File -> Save as.. in Notepad0s enu(
W*en sa"ing an HTML file$ use eit*er t*e (*t or t*e (*tl file extension( T*ere is no difference$ it is
entirely up to you(
,a"e t*e file in a folder t*at is easy to reeber$ like w3schools.
,tep +: 1ie! HTML &age in 2our 3ro!ser
,tart your !eb bro!ser and open your *tl file fro t*e File$ Open enu$ or 4ust bro!se t*e folder
and double5click your HTML file(
T*e result s*ould look uc* like t*is:
6 &re"ious
Next #*apter 7
HTML 3asic Exaples
6 &re"ious
Next #*apter 7
Don0t !orry if t*e exaples use tags you *a"e not learned(
2ou !ill learn about t*e in t*e next c*apters(
HTML Headings
HTML *eadings are defined !it* t*e 8*-9 to 8*:9 tags(
Exaple
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
Try it yorsel! "
HTML &aragrap*s
HTML paragrap*s are defined !it* t*e 8p9 tag(
Exaple
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Try it yorsel! "
HTML Links
HTML links are defined !it* t*e 8a9 tag(
Exaple
<a href="http://www.w3schools.com">This is a link</a>
Try it yorsel! "
Note# T*e link address is specified in t*e *ref attribute(
%2ou !ill learn about attributes in a later c*apter of t*is tutorial'(
HTML ;ages
HTML iages are defined !it* t*e 8ig9 tag(
Exaple
<img src="w3schools.jpg" alt="3!chools.com" width="1"#" height="1#2">
Try it yorsel! "
Note# T*e filenae and t*e si<e of t*e iage are pro"ided as attributes(
6 &re"ious
Next #*apter 7

You might also like