| CarnalHost
HTML Guide: Back
to the Main FAQ To begin building a web page, you must first know a little about HTML, the language of the internet. This page is designed to show you how to build a web page in simple steps. To become a webmaster, these steps must be practiced and reviewed often. TABLE OF CONTENTS
HTML or Hyper Text Markup
Language is the basic language in which all web pages, or internet based
documents are created in. HTML has quite a long history to it, which we
will only briefly talk about. HTML and the internet was made for Military
for communications, then Universities started using it. At present, the
current version on HTML is 4.0. The language is not very complex, it basically
consists of starting a command in between <command> and then ending
the command with </command>. In addition, the language is straight
forward, and although there are complex things that can be done with it,
basic functions are easy to learn and can make great web pages...
Starting a web page is rather
simple, to make a page, simply enter the following commands into a new
text file.
<HTML> <HEAD> <TITLE>
Your Title Here
</TITLE> </HEAD> <BODY...> (see below for more about the body command) Page Content </BODY> </HTML> That's al there is to it! Basically the
<HTML> tag at the beginning tells the web browser that this is an
HTML document and to read it as one. The <HEAD> tag tells the Browser
that information about the page, like the page's title can be found here.
The <TITLE> tag signals the beginning of the title and the
</TITLE> ends it. Next comes the </HEAD>, which ends
the head of the document.
Next up, we will tell you how to add commands
to the <BODY> tag, in the <BODY> tag is where the web browser
is told everything it will need to know about the structure of the web
page. It tells the browser what color links will be, what color the background
will have, what background image should show, and what color the text
should be. It is also a major place for errors, so make sure you do this
part right. Inside the <BODY> tag, the following commands may be
placed (note all these tags are optional):
Page content
In order to have a simple
web page, you have to know how to choose the right fonts, and this is
also pretty simple. To change a font size, there are two different
tags that can be used, the h tag, where h1-h6 all produce text of different
sizes, with one being the biggest. This tag involves only opening
and closing of the h tag. The second way to choose a font is
with the Font tag. This method uses size=+ or - to specify font
size, in numbers 1 - 4. It allows you to change the font color by adding
the tag color="" inside the font tag, and it allows the user to use different
styles of fonts by adding the tag face="" within the font tag. This
tag requires and open and close tag, but the color, size and style need
to be specified in the opening part of the tag only.
As for Breaks in Lines, the
tag BR starts a new line while the tag P creates a whole new paragraph(which
includes two line breaks). Lastly, the Tag HR makes a Horizontal
Line across the page, the size of this can be changed using size=+ or
- and any number. Here is a list of the tags: <font..> the basic font tag
</font> end the tag
COLORS In HTML, there are two ways to write color
names, the first is literally color="green" color="blue" color="white"
and so forth... The other way is use the hexadecimal numbers. The color
command can be used in many tags such as the font tag and when bg is added
on it can be used in the body tag and table tags and more.
ITEM ALIGNMENT The next part of our guide, focuses on
alignment of images, text, tables, ect... Aligning things is rather easy,
as long as it's done right, and often is done wrong. To align a picture,
or table, with in the tag add the tag align= (center, left or right).
This can be used in tables, pictures, image maps, and other things of
that nature. Below are some alignment tags for other items, but that may
also work with images, tables, ect...
EXTERNAL, INTERNAL, AND MAILTO LINKS In order to make a web site
with multiple pages, or to link to other sites, you must know how to make
a link. Links are rather simple when they reach internal or exterior pages,
but when they are in the same page, they become harder. There is also
mailto links, that allow people to send you mail by clicking on the link.
IMAGES Images are actually rather
simple to add to your web page. Basically all you have to do is call them
up to your web page, just like you would call up a link. But, unlike a
link, they appear instantly.
</img>
TABLES Now for the harder stuff;
Tables. Tables are useful in organizing information into specific columns.
As long as you do the correct code, at all times for tables, they are
relatively easy to master. But note, that each section of a table needs
it's own code, and it never hurts to use more than one table, if you want
a space in between rows.
Table cell information
Forms are probably the most difficult thing in HTML, that this guide covers. However, they are simple, one you get the jist of them. Just make sure that you use the correct method and post, or your form won't do anything... <FORM....> Starts a form
|