A.O.A
Hello Every one CalM MinD here from UOL Study Helpers.
In this first tutorial of Web Development I will tell you
how to make your first web page.
What Tools you need??
What you need is just a text editor and a web browser (that
surely you have). Text editor I’ll prefer Notepad++ at this time the best
choice. You can download it from the link bellow.
If you have downloaded and installed then proceed.
Open up your Notepad++ and it will looks like this
We'll use some TAGS in our CODE these are some
<html></html> -Specifies an HTML document.
<head></head> -Specifies an HTML document’s header.
<title></title> -Specifies an HTML document’s title.
<body></body> -Specifies an HTML document’s body.
take a look on following image to understand what is HTML Document, Head, and Body
Get Ready With your Keyboard and opened mind.
clear the text from notepad++ if it contains any..
type
<HTML>
</HTML>
<HTML> this is a opening TAG of HyperTextMarkUp Laguage
</HTML> is a closing tag contains "/"
some tags must need to be closed to work perfectly.
our next step is type
<HEAD></HEAD> after <HTML> tag
you Code will look like following
<HTML>
<HEAD></HEAD>
<HEAD></HEAD>
</HTML>
Next step write <TITLE></TITLE> tag between
<HEAD></HEAD> Tags
you Code will look like this.
<HTML>
<HEAD>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>
next Step is to Write Title of your Webpage
next Step is to Write Title of your Webpage
write title of your choice between <TITLE></TITLE> tagyou Code will look like this.
<HTML>
<HEAD>
<HEAD>
<TITLE>my title</TITLE>
</HEAD>
</HTML>
save this file as mywebpage.html on your desktop
.html important to write at end of file name
go to your desktop and open file with you browser and look at top it will look like this
Save this file and refresh the browser
this will look like this
Click here for next tutorial
go to your desktop and open file with you browser and look at top it will look like this
here we go...
now lets proceed to next step
write <body></body> tags after </head> closing tag.
you Code will look like this.
<HTML>
<HEAD>
<HEAD>
<TITLE>my title</TITLE>
</HEAD>
<body>
</body>
<body>
</body>
</HTML>
now
<h1><h1> tag is used for heading
heading is large bold.
use this tag between you <body></body> tag
you Code will look like this.
<HTML>
<HEAD>
<HEAD>
<TITLE>my title</TITLE>
</HEAD>
<body>
<h1>This is my first Webpage</h1>
</body>
<body>
<h1>This is my first Webpage</h1>
</body>
</HTML>
Save this file and refresh the browser
this will look like this
That's it this is your 1st webpage , quite simple but its just a beginning we'll make more beautiful pages later.
So good bye till next Tutorial of Web Development. Soon.
Your Helper CALM MIND – Remember me in your prayers. A.H
Click here for next tutorial
No comments:
Post a Comment