Back
Next
In this tutorial you will be transcribing code into notepad and
then viewing it with a web browser. The code is called Hyper
Text Markup Language (HTML) and notepad is a commonly used
the first text editor on
Window PCs for HTML coding. HTML may seem confusing at first, but we will help you
understand how it works in this step-by-step tutorial of how to make
your first web page. You need nothing more to build web page.
Its quite easy to learn and really you will enjoy it with us.
Start Your First Web Page
To start your first web page you need to follow us by writing this below HTML
code into the notepad and be sure to
write the code exactly.
HTML code for you first web page:
<html>
<head>
</head>
<body>
<h2>My first webpage!</h2>
</body>
</html>
The above code is all that is required to create a single basic web page. Now
save your file in notepad by selecting File menu at the left top of the notepad and then
click on Save.
When asked to name your file, type "index.html",
as it is mean type your desired file name you want to save then attach a dot
after that use html to specify that this file is HTML file and remember it is
better to put all the file name in between the double cotes like this. {"}{YourFileName}{.}{html}{"}.
And be remember where it was saved
to because soon you will need to open this file also. You can build
web pages by following the same technique as mention in above and instead of
My first webpage you can put any content while building web.
View Your First Web Page In Web Browsers
To view your own web page, you need to have to use a web browser.
Web browsers are programs that interpret HTML code, like what you have just
coded
into notepad, and browser will transform that code into a visual representation, or a web page.
Most famous and common web browsers are as under.
| ► |
Internet Explorer |
| ► |
FireFox |
| ► |
Opera |
| ► |
Netscape Navigator
|
| To view your web page, you must open the "index.html"
file inside of a web browser. Open up another browser window and then follow these instruction. |
| A:) |
In the new browser window, select File Menu on the left top of opened
window then press Open |
| B:) |
Then click on Browse to reach where you saved the file "index.html" |
| C:) |
Do you remember where you file is? Nice, You must have to know it then navigate to its location |
| D:) |
When you find your file, index.html, double-click the file to open it inside your web browser |
| |
You have just viewed your own and very first webpage successfully. |
|
If this did not work for you, please go through the steps again and follow the directions closely. If you still can't get this to work, please Contact Us and we will get you up and running.
Tip: You can also open your saved file "indx.html" by a short way and that is this go to that directory where you saved your first
webpage and just double click on this file, file will open in any web browser
available on your PC
automatically.
Summary
Now let's be sure that you remember what you learned in this lesson.
how to write some code looking text HTML into notepad
to build a web page
how to correctly save this written code of HTML as text in notepad
how to open your saved file and view the your own created webpage
in web browser
|
Back
Next
|