|
HTML Lesson 1 - Something you should keep
in mind.
Design is very important. Before you invest time designing
a web site it's a good idea to ask yourself a few questions:
Who is your audience?
What are you trying to say to your audience?
How exactly do you intent to catch their eye?
By the time you answer these questions you should
have in your mind a picture of what your site will look like and
the kind of content it will have.
Next, you have to decide how or what you'll use to
build your site. One way is to write the code yourself.
Now that may not be feasible if you don't know HTML but don't worry,
there are many HTML Editors that will help you create home pages
without the need to know the code (go to WYSIWYG
for more info on HTML Editors). But then again, who said you
are not up to the challenge? Who said you can't learn HTML? Well
then, let's get started!
The first thing
you should know about HTML Documents
You should always bracket an
HTML document by the identification tags <HTML>, to open the
document and </HTML>, to close it. This will let some programs
like your browser know that it's dealing with an HTML document.
An HTML document has three parts,
these are:
-
Head
The Head
is where things like the Title of the document go.
-
Body
The Body
is where the real content of the document goes. The body
is where you put all the information you want to make available
for your audience. In the Body you can also insert graphics,
sound files, video files, etc.
-
Footer
The Footer
contains information about the page and its author. Some of
the things you can list here are e-mail address, copyright notices,
home or business address, etc. you get the picture. The Footer
is optional meaning that you can put the same information you
would put here in the Body of the document.
HTML Tags
HTML tags are what makes the
code work, these tags are enclosed within angle brackets <
>. For example the document body
would look like this: <Body>
Some tags contain values called
attributes. Some Attributes provide sources or destinations
for links, other add physical descriptions of a display object such
as a graphics file, here is an example.
The HTML tags are in red and
their attributes are in blue.
Attribute for a link destination
<a
href="http://webbuilder101.com"></a>
Attribute for the description
and location of an image
<img src="image.gif"
alt="This
is an image" width="100"
Height="75">
Comments
It is important that when
writing HTML code you use comments or notes for future reference,
that way you'll know what the code does or what it is for.
To add comments to your HTML document use the following:
<!-- .... -->
Text inside the brackets will
be ignored by the browser. See how the example below works.
Create your First
HTML Document
Just so you know, there are no attributes and there
is no footer in this example. Write the following in your wordpad
document or in your HTML editor. After you save the file as an HTML
document view it (open it) with your browser (Internet Explorer
or Netscape):
<Html>
<Head>
<Title>Welcome to my Web site</Title>
</Head>
<Body>
<!-- all info related to my home page will be placed here -->
This is my first web site. I'll be adding more stuff here
soon!
</Body>
</Html>
Click here
to see what it looks like. Lesson 2 will cover HTML tags.
Take
me to lesson 2...
|
