Jose's Intro to Simple Web Pages in HTML
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
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.