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