Click on the banner to download netscape

</CENTER>

The Align Modifier

An image can also be aligned in certain ways on the page. To do this you would need to enter a modifier that is the word ALIGN followed by an equal sign “=” followed by how you want the image to be aligned. The image can be aligned to the right, left, top, bottom, texttop, middle, absmiddle, baseline, bottom or absbottom. If you wanted the image on your page to be aligned to the left then you would enter left into the modifier. The final source code for an image aligned to the left would be:

<IMG SRC=”gif.gif” ALIGN=left>

NOTE: The ALIGN modifier may also be used with most other HTML commands besides the image command.

The Heading Command

The next command we will explore is the heading command. The heading command is used to put predominant titles on your web page in larger, bolder text then the normal font. This can also be done using the bold command and the font size command but that will be discussed later in this book. If you do not have a logo for your web page then the pages title should also be on the top of the page with the biggest heading possible. Other items on web page that signal a section beginning or that you feel are important should be made into a heading.

There are 6 different types of headings and they are distinguished by the number 1 through 6 inserted in the heading command. The 1 represents the biggest heading. This heading is normally used for titles at the tops of web pages or sections of a web page (if the title is a logo and is not in a text form). If there is a title on a web page the biggest sections on that page would normally be distinguished by a 2, since a 2 is the second biggest heading. And so on. Normally you will use the number heading that you feel looks best on your web page. Remember that the headings on your web page should be respective of one another. For example, you don’t want a head for the title that is 3 and then a heading for the section name that is 1.

If you decided to make a web page without a banner and the web page’s is the title of the web page. The way that we would do this is to put an angle bracket “<“ then the letter H and a 1 (1 is the size so if you wanted something on your web page with a 3 you would use the same format just replace the two numbers) then an angle bracket “>”. Then insert the text “Justin Weber’s Computing Center.” Next insert the command to tell the web browser that you are done with the text to be in the heading section. In order to do this, type an angle bracket “<“ then a slash “/” then the letter H and the number 1 then another angle bracket “>”. The final source code for this heading would look like this:

<H1>Justin Weber’s Computing Center</H1>

Let’s say that you had a subsection in my page called the proper use of a computer. you do not want the section to appear as big as the title but since it is quite a large section you want it to appear fairly large. I decide that a 2 would provide the difference you need between the two sections. In order to enter your title in the sub section first you would enter the title command which was already entered then you would replace the title with the text The Proper Use of a Computer and the 1’s with 2’. Since these are headings you do not have to insert a break command or a paragraph command to make them appear on separate lines. The final source code for this document would look like this:

<H1>Justin Weber’s Computing Center</H1>

<H2>The Proper Use of a Computer</H2>

The Horizontal Rule Command

The next command that we will look at is the command that is used to make a separation between two parts of a document. This can be used anytime that you feel that a portion of the document is different and should not be confused with portions above or below it. The use of this command is up to you and if you think that your page will look good with it then you should use it whenever you like to.

This command is an angle bracket “<“ followed by the letters HR followed by the modifiers followed by an angle bracket “>”. The modifiers for this command allow you to do a wide variety of things with separator. The first modifier is the word SIZE followed by an equal sign “=” followed by the size. The size is the number of pixels thick that you want the separator. For a normal sized separator you would use either 1 or 2 pixels thick. The next modifier is the word WIDTH followed by an equal sign “=” followed by a number of pixels or a percent. It is not a good idea to use pixels with this modifier because people could have really larger monitors and when they saw your separator it would look very small. However, if you use a percent then the separator will be the same relative size on all monitors. The next command is the word ALIGN followed by an equal sign “=” followed by which side of the screen the separator is going to be aligned to. The separator can either be aligned to the right, the left, or the center. The final modifier is use the word NOSHADE. This is used if you are going to have a soild line on your page that separates, not a shaded one. The final source code for a separator 1 pixel thick, 100% wide, aligned in the center, and that has shade would look like this:

<HR SIZE=1 ALIGN=CENTER>

The List Commands

The next commands that we will discuss are the commands used to make lists. There are two different kinds of lists and they can be used for a variety of different things. An unordered list contains different levels of the list and each level is signaled by a certain shape. This list is normally used for listing information of all sorts. The other list is a ordered list. This list also contains different levels and is designated much like an outline. If you wanted to put an outline on the web this would be the preferred list to use.

In order to make an unordered list you must first find the information that you want contained in the list. After you have found this information you must enter it into the list, using the unordered list command. The unordered list command is an angle bracket “<“ followed by the letter UL followed by an angle bracket “>”. After that command has been entered then you must enter a command that tells the browser that you want to make an entry in the list. This command is an angle bracket “<“ followed by the letter LI followed by an angle bracket “>”. Then you must enter the text that you want in that list section. After you have entered the text you can move on to the next item in the list and use the LI command to enter it. To change a level on your list enter the UL command. To end a lower level on your list enter the

command (discussed below) After you are done with your list you must tell the browser that your list is over to do this you need to enter an angle bracket “<“ followed by a slash “/” followed by the letters UL followed by an angle bracket “>”. The final source code for a list with three terms one on lowest level one higher then one lower again would look like this:

<UL>

<LI>List

<UL>

<LI>Higher

</UL>

<LI>Lower

</UL>

A ordered list is done the same way except the UL is replaced with an OL. The final source code for a numbered list that is the same as the unsorted lust above would look like this:

<OL>

<LI>List

<UL>

<LI>Higher

</UL>

<LI>Lower

</OL>

Another type of list is a definition list and, much like its name suggests, is meant to be used in defining items. This list will put a term followed by a definition that is indented making the list look quite like a listing in a dictionary. Although this list was meant to make definitions it could be used for other things as well. The example I will use will have definitions in it. In order to start the list you must enter an angle bracket “<“ followed by the letters DL followed by an angle bracket “>”. The term that is going to be defined is represented by an angle bracket “<“ followed by the letters TD followed by an angle bracket “>”. The definition is represented by an angle bracket “<“ followed by the letters TT followed by an angle bracket “>”. This will be repeated as many times as needed and the list will be ended with an angle bracket “<“ followed by a slash “/” followed by the letters DL followed by an angle bracket “>” The final source code for a list with two terms would look like this:

<DL>

<TD>HTML

<TT>HTML stands for HyperText Markup Language

<TD>HTTP

<TT>HTTP stands for HyperText Transfer Protocol

</DL>