Web
pages are normal records with .htm or .html file extensions. They surround a
code named "hyper text mark-up words" or html. This codes as soon as
viewed in a browser like Netscape or
Internet
Explorer will be seen as good-looking web pages on the other hand code under
web page may be convoluted.
In the direction of propose
an html web page you have two options:
You
know how to make use of a web page editor similar to Microsoft FrontPage to
create web pages. It works exactly like Microsoft word (a convoluted editor
program second-hand for creating and editing book, letter etc pages.) You immediately
type text, insert graphics and in conclusion put out-of-the-way your article as
an html web page. By the method utterance 2000 itself can save your obtainable
documents as html pages. So you see designing a web page can be very trouble-free.
But almost immediately you will observe with the intention of this is not a
good option for creating a professional web page.
Second
option is to learn html codes and write html pages in a simple text editor. As
we said your codes will be seen as Web Pages when viewed in a web browser.
1-2 Reasons for choosing
second option
· If you want to
design specialized web pages using these tools will not be enough. You must be well-known
with html codes. Results of these editors are big and sometimes chaotic code.
Maintaining this code is very difficult.
· If you wish for
to design dynamic web pages in prospect you will require knowing html codes.
· If you will require
forms in your pages to send in sequence to member of staff serving at table and
return result pages back to browser you will need to be acquainted with html
codes.
There
are additional reasons that say aloud us to learn html coding and not make
happy with these tools.
1-3 Tools you will need
You
determination require a straightforward text editor to write html codes. For instance
you can use notepad in windows or any text editor in other operating systems.
You determination also require a browser like Internet explorer or Netscape
Navigator. In this course we will assume that you are working in windows 9X/NT/2000.
1-4 Start Here
Now open notepad and type the
following code.
Example 1-1:
<HTML>
Hello world!
</HTML>
Now
save the text as "page11.html" To browse html file open windows
explorer and double click on the file. You must see your first web page opened
in your web browser. Note: If you have any question about lessons. You can ask
them in our support forums. Visit our website and click on "support forums"
link.
<HTML>
and </HTML> are called tags. First one is a start tag and second is an
end tag. Tags are something like commands in programming languages.
<HTML> tag tells the browser that this is start of the HTML and
</HTML> marks its end.
<HTML> </HTML>
mark start and end o a html page.
1-5 HTML code headers
Every
html page must have a header. Header contains important information about the
page. Different tags are used for different sections of a header. Header of an
html page is specified by
<HEAD> and
</HEAD> tags.
<HTML>
<HEAD>
...
</HEAD>
</HTML>
We will enter header
information between <HEAD> </HEAD> tags.
1-6 Title
One
of the majority significant parts of a header is title. Title is the small text
that will come into view in title bar of spectator’s browser. As a result html text
will be as underneath.
<HTML>
<HEAD>
<TITLE>Title of the page</TITLE>
</HEAD>
</HTML>
1-7 Web page body
At
the present our web page supplies a body in which we will enter web page satisfied.
As you may deduction we resolve utilize these tags:
<BODY>
</BODY> Body will approach correct after slogan end tag. So our web page
will be something like this
Example 1-2:
<HTML>
<HEAD>
<TITLE>My Company web
page</TITLE>
</HEAD>
<BODY>
Welcome to our homepage. More
text here.
</BODY>
</HTML>
At
the present type html code in notepad and place aside it as
"page2.html". After that sight html file in your browser by twice
clicking on it in windows explorer.
1-8 Extended <BODY> tag
Nearly
every one of html tags we will learn has not obligatory parameters and
extensions. Here we will learn to extensions for <BODY> tag.
1-9 Background color for body
of web page
If
you want you can change background color of your web page by extending
<BODY> tag as below.
Example 1-3:
<HTML>
<HEAD>
<TITLE>Page with Back
Color</TITLE>
</HEAD>
<BODY
BGCOLOR="#00FF00">
Page with Back Color
</BODY>
</HTML>
This
will modify your background color in the direction of green. Arrangement of
color figure is RRGGBB. You be well-known with that each color is a mixture of
three major colors: Red, Green and Blue. At home color arrangement RR is value
of red constituent of the main color in hexadecimal format. GG is value of
green component and BB is the value of blue component.
Two
figure hexadecimal figure be clever to be no substance which flanked by 00 to
FF i.e. 0 to 255 in decimal format. So if we write 00FF00 we mean (red=0,
green=255, blue=0) so the consequence is a pure green color. You can manufacture
16 million colors in this method other than pay attentiveness that not all of
the browsers determination be capable to show all these colors. So test your
web page in 256 colors manner.
1-10 Background Image
We
can use a background picture for web page instead of background color. You must
have a ready image file in .gif or .jpg formats. Now you must extend
<BODY> tag as below. "image1.gif" is file name of his image we
want to use as background image.
<BODY
BACKGROUND="image1.gif">
Example 1-4:
<HTML>
<HEAD>
<TITLE>Page with
background image</TITLE>
</HEAD>
<BODY
BACKGROUND="image1.gif">
<B>Page with background
image</B>
</BODY>
</HTML>
Picture
file have to be in the similar file as your html file. Or else browser determination
not is clever to locate it.
