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:
Here is an example using a table to line up information real purty-like that shows you the easiest colors to use:
| 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 column 1 header here | Put column 2 header here | Put column 3 header here |
|---|---|---|
| put first data here | put next data here | put next data here |
| put next row's data here | etc. | 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 column 1 header here | Put column 2 header here | Put column 3 header here |
|---|---|---|
| put first data here | put next data here | put next data here |
| put next row's data here | etc. | 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.