MORTON - STUDENT HTML RESOURCE PAGE

This page is designed as a learning resource for students building their own webpages using HTML.

Two boys on tricycles
That's me on the right !

This is a simple table with one column and two rows. The picture is the table data for the first row. The statement about the picture is the table data for the second row. Table definition starts with the tag <TABLE>, remember that all tags are contained within a 'less than' and a 'greater than' symbol. Most tags have a beginning and ending tag. If you create both tags as you begin a definition, you are less likely to forget the ending tag. When both tags are created, put your cursor between them and fill in the necessary information. BORDER=p and CELLPADDING=p (where p is a number, usually between 2 and 12) can be included in the table definition. By aligning my table to the left, I am able to wrap text around the table. This can also be done on the right ALIGN=LEFT or RIGHT. ALIGN=CENTER does not allow text wrap (e.g. <TABLE BORDER=4 CELLSPACING=2 CELLPADDING=6 ALIGN=LEFT >). Next comes the table rows <TR> </TR>, then the table data <TD></TD>. The number of cells in a row is determined by the number of times you use <TD></TD> before you use, </TR> to end the row. End the table with </TABLE>.

A more traditional table might look like this:

STUFF MORE STUFF EVEN MORE STUFF
MY THINGS YOUR THINGS OTHER THINGS

A line break <BR> may be inserted to put spacing between sections of text.

A horizontal rule <HR> , like the one below, may be inserted to separate the sections of your page.


WSSU seal, shades of grey

Russell S. Morton

Winston-Salem State University
School of Business and Economics

Placing an image on your homepage uses the tag < IMG SRC="FILENAME">. If the file is in the same directory as your homepage, all you will need is the filename. If it is in some other directory, you will need the path to that file as well. You may include an alternate for the image to be seen by users who have text-only access to your page ALT="A TITLE FOR THE IMAGE". The ALIGN= tag works the same as it did for the table. You will probably want to allow some headspace around the image to keep other elements away from it HSPACE=p (the number p is actually the number of pixels you assign to this space) 12 is a good number but you should play with it.

My name, the name of the school, and department have been applied using header tags < H1> </H1> and < H2 > </H2>. Headers vary from H1 to H6, where 1 is the largest. Headers also take on a bold appearance.


Winston_Salem State University is located on 94 acres in Winston_Salem, Forsyth County, North Carolina, a city of 168,470 residents. This thriving twin city is part of the Piedmont Triad which encompasses the neighboring cities of Greensboro and High Point. The Trian is one of the most heavily populated and most rapidly growing Metropolitan statistical areas between Washington, D.C. and Atlanta.
All faculty members in the Division of Business and Economics hold the terminal degree in their field.


My Academic History:
Ph.D. - Management Information Systems, University of Kentucky 1996
MBA - With Emphasis in Information Systems, University of Colorado - Denver 1989
B.S. - Business Administration - Emphasis in Personnel Management, University of Colorado - Denver 1981


This section utilizes three basic concepts. The first, which should probably have been presented much earlier, is the <P> </P> which is used to begin and end a paragraph or text section. Second is the use of bold <B> </B>, which works much the same as it would in your word processor. Finally, when you wish to separate text, as you would if you had several paragraphs included in a section, you use the line break tag <BR>, notice that there is no closing tag associated with a line break.


LINKS TO OTHER PAGES
You can link your home page to other sites on the internet that you find interesting or important. For instance, you might want to direct others to information about Decision Support Systems.
Click here to visit.... Holsapple/Whinston - Decision Support Systems: A Knowledge Based Approach


Linking your page to another page is achieved by using the active link tag <A HREF="URL"> A NAME FOR THE SITE, </A> . The URL is the address of the page you wish to access and must be included in quotation marks. This address is shown on your browser screen when you access the page. In Netscape, it is called "Location", in Internet Explorer it is "Address". The URL usually begins with http://www. --- . If the http doesn't show in the "Location" box, you will probably need it anyway. Before ending the active link, you must give the location a name. This name will appear on your screen in a different color than your text and will cause your mouse pointer to change to a hand. It's really easy, give it a try!


You can EXPERIMENT WITH COLOR!

or bring attention to a particular item by making it BLINK The Blink function only works with Netscape Navigator, it will not work in Microsoft's Internet Explorer.

Color can be applied to text using the font tag <FONT COLOR=#nnnnnn> </FONT> . The pound sign must be included. The n's represent the hexidecimal number for a given color. In working with this page, I found that it is best to specify the color in lowercase. The size of the font can also be specified in this tag by leaving a space after the last n in the color designation and using SIZE=N, where N is a number from 1 - 7 , unlike headers, 1 is the smallest. I used size 5 for the larger words in this section. To make an item blink, you simply enclose it in the <BLINK> </BLINK> tag.



HERE IS A SHORT LIST OF COLORS
Not all computers can detect the differences in colors.


  1. Blue = 0000ff
  2. Red = ff0000
  3. Yellow1 = ffff00
  4. Green = 00ff00
  5. White = ffffff
  6. Black = 000000
  7. Purple = ef00ff


There are two kinds of lists represented here. The items with numbers represent an Ordered List. The list is enclosed in the ordered list tags <OL> </OL>. Between the beginning and ending tags are the List items, which are contained in their own tags <LI> </LI>. The bullet pointed items are in an Unordered List. In this case, they are nested within the Ordered List. An Unordered List uses the tags <UL> </UL> Once again the items in the list are contained in the <LI> </LI> tags.


Students interested in building their own home pages should check out the references below!

.

HTML Guides

These documents describe the HTML markup language, which is used to created Web pages.


Send comments to: mortonr@wssu.edu


This is a personal web page. Opinions or views expressed are those of the author and do not represent the official views of Winston-Salem State University.