CREATING YOUR OWN WEBPAGE-- PART 2

John R. Barnes 6/03/2001
jrbarnes@iglou.com
http://members.iglou.com/jrbarnes/

Part 1 gave basic directions for:

This part will describe:

Last time we discussed the <BR> break and <P> paragraph commands to add whitespace to your webpage. You can break a webpage into more distinct sections with the <HR> horizontal rule command. This puts a thin black line across the page. <HR SIZE=n> puts an n-pixel-high shaded line across the page, while <HR SIZE=n NOSHADE> puts a solid black line across the page.

We have discussed the <H1></H1> through <H6></H6> commands to create headers. You can also use the following commands to emphasize text in various ways. Your webpage will usually look better if you use these effects in moderation, restricting yourself to maybe three or four of these commands, instead of going hog wild with them. The commands and their effects are:

<, >, &, and " have special meanings to browsers. To make them appear on your webpage you must use the corresponding special characters &lt;, &gt;, &amp;, and &quot;. Another very useful special character is &nbsp; which forces a blank character on the webpage. This is useful if you want to leave a cell of a table empty, for example. NOTE: these special characters must be entered in undercase, as shown above. Many thousands of additional characters are available by using special characters of the form &#n; where n is the ISO 8859-1 code number.

We have also briefly discussed how to create unordered (<UL></UL>) and ordered (<OL></OL>)lists. Three more types of lists that you can create are:

A definition list presents words or phrases and their definitions. The basic HTML is:
<DL> start of definition list
  <DT>first term
  <DD>first definition
  <DT>second term
  <DD>second definition
  ...
</DL> end of definition list

A menu list offers the reader a series of choices. Each entry in the menu is preceded by a circle. The basic HTML is:
<MENU> start of menu list
  <LI>first choice
  <LI>second choice
  ...
</MENU> end of menu list

A directory list offers the reader a directory of something. Each entry in the directory is preceded by a circle. The basic HTML is:
<DIR> start of directory list
  <LI>first item
  <LI>second item
  ...
</DIR> end of directory list

If you have a lot of related information to present, you may want to put it in a table. An example is my webpage ftp://ftp.lexmark.com/pub/networking/internat.htm which summarizes commercial and residential primary power for almost 300 countries. A table consists of a series of rows and columns. In writing the HTML for a table we start at the top and work our way down row-by-row. Within each row we start at the left and work our way right column-by-column. The basic HTML for a table is:
<TABLE BORDER> start of the table (with borders)
  <TR>
    <TH>header for first column</TH>
    <TH>header for second column</TH>
    ...
  </TR>
  <TR>
    <TD>data for first row first column</TD>
    <TD>data for first row second column</TD>
    ...
  </TR>
  <TR>
    <TD>data for second row first column</TD>
    <TD>data for second row second column</TD>
    ...
  </TR>
  ...
</TABLE> end of the table

Turn on your computer and try your own hand at creating a webpage! If I have piqued your curiosity, and you would like to read the next part, click on this link.