1.1 What is HTML ?
- HTML is the language used to build most
of the websites of the internet like Yahoo,
Masrawy, NASA, ...etc.
- HTML is abbreviation of
Hyper Text Markup Language,
it composed of no. of Codes (So, called Markup)
& conatin Links Like: This is Link (Hyper
Text means : the link that will take you
to another page)
1.2 Tools you will need
You will need a simple text editor to write
html codes. For example you can use 'notepad'
of
windows.
1.3 Let's Go!
Now open notepad and type the following code.
<HTML>
My First Web Page
</HTML>
Now save the text as "page1.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.
<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 means that this is start
of the HTML and </HTML> marks its end.
All tags are inclosed in <> like: <HTML>
<Head> <Body> and note that we
used <HTML>&</HTML> and that
is the all tags but there are few Exceptions
will be mentioned later.
1.4 Common Tags
<Head>&</Head>
<Title>&</Title>
<Body>&</Body>
These are 3 tags added to <HTML> tag
that are used to give the general structure
of the page as follows:
<HTML>&</HTML> will enclose
all other tags in the page
<Head>&</Head> are ordered
to be the 2nd tag in the page
<Title>&</Title> title is
written between them
Example:
Open Notepad and write the following tags
<HTML>
<Head><Title>My First Title</Title></Head>
</HTML>
save the page as page2.htm and open it in
your browser:
You'll see an empty page but if you looked
to the top of you browser you'll see the
title "My first Title"
then remember that the tags:
<Head><Title>My First Title</Title></Head>
were the reason.
So <Title>&</Title> are written
within <Head>&</Head> which
is written after <HTML>
1.5 <Body></Body> Tag
are used to put all contents in between like
texts, photos and links like:
<HTML>
<Head><Title>My First Title</Title></Head>
<Body>
This is my First Page
</Body>
</HTML>
add the red tags to your last web page then
Save and open it, you'll see a white page
contain the sentence This is my First Page
with a title: My First Title
1.6 Colorize your page
BackGround Color of your page is termed BGColor
this term is added to <Body> Tag as
<Body BGCOLOR="YELLOW">
</Body>
to make your page of yellow color!
In Your Page make this change, or write and
other known color like blue , black , green,
gary and so on.
