Making HTML pages

Next steps

The last couple weeks you've been editing tables and posting them to the Document Collaboration. This week we want you to make your own page.

It's important that we don't want you to use an HTML editor, or a program like Microsoft Word, that will produce HTML pages as output. We're going to do it the old-fashioned way.

To do this, first you need to be using the right text editor. On Windows, this usually means Notepad, which is found under Programs/Accessories in the Start Menu. On the Mac, you want to use a program like SimpleText.

You have to get used to typing all the HTML "tags", so that when we begin writing real programs, how to put them into web pages will be easy for you.

To see what it is you need to be typing, go to the "View" menu at the top of the browser window and click on "Page Source" or "Document Source". Compare the source code with what the page actually looks like. You'll see the following tags that we'll be using in the first part of the page:


So what do we want you to do this week? Three things:

  1. Go looking out on the Web for a good example of something mathematical. Be sure to remember or copy down the URL (web address) where you find it.
  2. Make a web page that explains what you found and why you think it's interesting. Your page should have a link to the page. How to make the link is explained below.
  3. Post your page to the Document Collaboration section -- I'll collect the pages and put them somewhere else so everyone can look at them.


To make the link you use a tag that looks like:

<a href="put the URL here"> Link text goes here </a>

For instance, a link to my home page would be typed as follows:

<a href="http://www.math.upenn.edu/~deturck"> Dr. D's homepage </a>
and it would display like this in the browser:

Dr. D's homepage

Have fun! Let us know if there are any problems!