HTML is the mark up language upon which all webpages are made from. It is a rather simple to use command set that can be done in any text editor from Notepad to Simple Text. This tutorial explains all the tags involved in HTML. Please read through it entirely before attempting to make your own hand coded page.
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 forwards, 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.
That's al there is to it! Basically the <HTML> tag at the begging 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 begins a place for the title and the
</TITLE> ends it. As for the </HEAD>, it ends the head.
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 what the link color, what the background color is, what the background image is, and what the text color is. 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):
In order to even have a simple web page, you have to know how to use the 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 is simple to use, involves only opening and closing the tag, but is very basic. The Font tag on the other hand uses size=+ or - to specify font size, in numbers 1 - 4. It also allows you to change the font color by adding the tag color="" inside the font tag, and lastly it allows the user to use different styles of fonts by adding the tag face="" also inside 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, and the tag P creates a whole new paragraph, with black space in between it and the previous paragraph. 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:
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.
color="FFFFFF" color is black
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...
<p align="right | left | center"> aligns the item on the page
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 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...> adds and image to your page
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..> Begins a table
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
© 1999 Onamission Web Design, All Rights Reserved.
© 1999 Onamission Web Design, All Rights Reserved.