Creating and Posting Your Personal Web Page

Your assignment is to make a web site and eventually to post it. Your web site must consist of at least two webpages. One should have a background color different from the browser's color, or it can have an image or texture as a background. It should use various font sizes and colors, have at least one image, and at least one hyperlink to another website, as well as a link to the other page of your site. It should have a list and/or table.

This file gives examples of some basics "tags." HTML is controlled by tags. Tags are the words or letters between angular brackets < > . Tags often work in pairs, beginning and ending a particular task.

Between the body tags lies the stuff that will actually be seen. You can add to the simple body tag to make the background color different. To see this file you can click on View and choose Document Source. To see some of the color choices go to this site. The colors are assigned hexadecimal numbers. (That's base 16, so in addition to the digits 0 through 9 we need the letters A through F.) You can also use an image as the background, for example, view the source of my webapge.

You may want to write .htm files without using Word, or you may want to edit further an .htm file you obtained from Word. You might use Notepad. These are found by going to Start/Programs/Accessories. But you may prefer to use Word where things are WYSIWYG.

There are so-called header tags for headings of various sizes. For example,

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Other tags affect the fonts like: bold, italics, emphasis (Is that different from italics?), or underlined. (Underlining is generally reserved for hyperlinks in HTML and so is NOT recommended.) You can get subscripts like H₂O, and superscripts like E=mc².

You can also increase the font size or decrease the font size. And you can change the font color.

You can make what's called an unordered list which lists items but does not number them; for example,

This is called a list item.
This is another list item.

You can also have an ordered list

List item 1
List item 2

You can have a list within a list.

List item 1
- Sub-list item 1
- Sub-list item 2
List item 2

To include an image on your web page, you will need the image tag. It could be a .gif file, for example,

or a .jpg file, for instance,

You can use Microsoft Photo Editor to turn a .jpg file into a .gif file (just use the Save As option), and you can make a .gif file transparent.

A table is somewhat complicated but worth mastering since it can give you a lot of control over how things appear on the page. Below is a simple table you could copy to get yourself started.

Business name Phone number

Street Address Fax number

City, State, Zip Email

URL

If you view the source, TABLE begins the table, TR begins a table row, TD stands for table data (it's what actually appears as an entry in the table). I cheat somewhat in the above example; I get a bit of extra space by having an empty middle column. This is better handled in the example below which uses TABLE WIDTH to control the spacing.

Thomas Blum
Dept. of Math and
Computer Science
Olney 336
La Salle University
Philadelphia, PA 19141
Phone: (215) 951-1139
Email: blum@lasalle.edu

BR tags give one a new line, and P tags a new paragraph. These examples should be sufficient to get you started. Some instructions for posting your web site can be found on LaSalle's IT page For my posting instructions, click here.

Business name		Phone number
Street Address		Fax number
City, State, Zip		Email
		URL