Jose's Intro to Simple Web Pages in HTML



The purpose of this page is to serve as a guide to create your first simple HTML web page. In my opinion it is much easier to create pages by directly typing text and HTML commands on a text file, than using a high-level program such as FrontPage, DreamWeaver, or Word. If you use the later programs the HTML code generated will be undecipherable and you will be stuck with using the original program to make any further changes etc.

If you want further information from what is in this page, see:

The most important trick is to choose the "view source" command on your browser. In Internet Explorer 6 this is under the "View" menu, but all browsers have an equivalent command.

All HTML commands (called "tags") are enclosed in "lower than" (<) and "greater than" (>) symbols. If you want to display these symbols on the HTML page, you need the special codes that I am using in this line. You do not need to ever use these special codes unless (like me) you want to create a page about HTML programming, but I am telling you to avoid confusion.

If you view the source for this line, you will see that it starts with <p>. That is how you create a new paragraph. Keep looking at the source from now on:

You can also introduce line breaks with the tags at the beginning of this line

  1. And this is how you create a NUMBERED list in HTML. This is the first item...
  2. This is the second item and so on
  3. Note that the <ol> and </ol> tags determine where the list starts and end.

And this is how you make a table. The "table" and "/table" tags start and end the table. The "tr" and "/tr" tags start and end a row in the table, and the "td" and "/td" start and end a cell in the table. Here we go:

These are the contents of the first cell These are the contents of the second cell
Here we have started a new cell on the next row... ... and so on...

Of course you can do much more complex formatting, use various backgrounds, etc. But remember: simple is powerful. Simple means easy to change. Simple means that someone else can change the page (which can be handy if e.g. the page is for your group and you graduate and leave). And simple is easy to fix when there is a problem: just keep playing with it and viewing it in a browser, and consult the tutorials above for details.

The last thing you need to do to post your page on the web is to put the file into a web-visible computer, using e.g. SSH (PC), FTP (PC), or Fetch (Mac). CU provides a web directory for every student and staff member, just follow this link. You may also be able to post your page in other server computers that belong to your research group.

Have fun!!