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 WIDTH=100% 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>

Lt;LI>List

<UL>

Lt;LI>Higher

</UL>

Lt;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>

Lt;LI>List

<UL>

Lt;LI>Higher

</UL>

Lt;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>

Lt;TD>HTML