CREATING YOUR FIRST WEB PAGE
Droid :: Web development :: Learn html
Page 1 of 1
CREATING YOUR FIRST WEB PAGE
by Admin Thu Jul 23, 2015 3:43 pm
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
Notepad
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:
And the result:
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
- Code:
<!DOCTYPE html>
<html>
<body>
[size=13]<h1>My First Heading</h1>[/size]
[size=13]<p>My first paragraph.</p>[/size]
[size=13]</body>[/size]
</html>
Notepad
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:
And the result:
Admin- Admin
- Posts : 83
Points : 34357
Reputation : 3
Join date : 2015-07-22 -
Droid :: Web development :: Learn html
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum