Put Your Title Here if you want a size 1 title

Put Your Title Here if you want a size 2 title

Put Your Title Here if you want a size 3 title

Put Your Title Here if you want a size 4 title

Put Your Title Here if you want a size 5 title
Put Your Title Here if you want a size 6 title

Put your first paragraph here. It doesn't matter how many carriage returns or spaces you have in your text; the browsers ignore all of that and only use the "mark-up" language within brackets to format your text. However, if you want to force a break in the text,
like this,
you use the <br> command.

Put your second paragraph here.

Keep adding those <p> paragraph commands and make more paragraphs.

If you want to make a list of items, you can make:

or
  1. an ordered
  2. list like this one


and you can even nest lists of any kind
  1. like this
  2. and so on
but make sure to end all the lists!

Here is an example using a table to line up information real purty-like that shows you the easiest colors to use:
Color names and sRGB values
Black = "#000000" Green = "#008000"
Silver = "#C0C0C0" Lime = "#00FF00"
Gray = "#808080" Olive = "#808000"
White = "#FFFFFF" Yellow = "#FFFF00"
Maroon = "#800000" Navy = "#000080"
Red = "#FF0000" Blue = "#0000FF"
Purple = "#800080" Teal = "#008080"
Fuchsia = "#FF00FF" Aqua = "#00FFFF"

Note that white is in the above table (under gray), but it's kinda hard to see when a white background is used!

Here's a more useful table for you to copy:
Put your caption here
Put column 1 header herePut column 2 header herePut column 3 header here
put first data hereput next data hereput next data here
put next row's data hereetc.etc.

As you can see, if your table isn't long enough the text will flow around it if you right or left align the table. You may or may not want this to happen!

Here's an example with a centered table, where that doesn't happen:
Put your caption here
Put column 1 header herePut column 2 header herePut column 3 header here
put first data hereput next data hereput next data here
put next row's data hereetc.etc.

You probably will want to link to other documents. Don't click on the following links - they are just for you to fill in the blanks!

If they are in the same directory as this document, put title of link here does the trick. If they are in a directory one level deeper than this document, put title of link here does the trick. If they are in a directory one level higher than this document, put title of link here does the trick. If they are in a directory two levels higher than this document, put title of link here does the trick. You want to use relative references as I've illustrated here in order to be able to copy all your files from one directory (your home directory or whereever) to another directory (your webfile directory) and have everything still work.

If you want to link to a document elsewhere on the web, use the full path name as in put title of link here to do the trick.

What would the web be without images? To display an image in a browser, it must be in jpeg or gif format. If you have one in the same directory, name of graph will do the trick.

There is a nice trick if you know how big your image is. You can insert a small image in the page, which is say 1/4 the size of the big image, which therefore takes 1/4 as long to load. You can make it a link, so that the reader can go get the rest of the image only if they want to. Here's two small images placed side by side that can be clicked on:


(Click on graph for bigger and better image.)

(Click on graph for bigger and better image.)

Whew! If you find something else you would like me to add to this sample page, let me know.


Go To:
How to Make an IPAC Webpage | Tom's work webpage | personal webpage



e-mail: Tom Chester
URL: http://spider.ipac.caltech.edu/staff/tchester/how_to/complex_sample.html
Last modified: 2 March 1997, except for one error corrected on 26 August 1999, after Tracey Evans told me about it on 23 July 1997!