|
|
||
| |
||
| TopCities
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. Enjoy the guide.... 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
|
||
|
Copyright © 1999-2008
Topcities.com. All Rights Reserved. |
