An Html Quick Reference: Help Building Web Pages
For examples of Web Pages use Netcape, find a Web Page that you like,
click "view", and than "source".
VERY VERY IMPORTANT NOTE ( means <, and ) means > !!!

service :// hostname (:port) / directory (and filename)

gopher:I think this is a program which connects to a gopher server

which allows you to get or search for things such as files and data quickly

mailto:e-mail address. example:(a href=mailto:e-maillogin@hawaii.edu)name(/a)

telnet:tenet to a remote system by typing in:

"telnet www.soc.hawaii.edu" when in uhunix

ftp:used to ftp data. for instructions click

here

Basic Commands for HTML

(HTML) and (HEAD) should be at the top of a document.

Head begins the HTML header info.
(title)name of your web page(/title) should be the third line on a page,

or it should be the first if your taking Dr.James's Class.

(body) means beginning of a text paragraph or data
(/body) means the end of a text paragraph or data
(/html) should be the last line in your web page

Formats for a Paragraph

(p) means that there will be a paragraph break

(dd) allows you to create a tab or indentations

(br) means there will be a line break to start on a new line

(hr) creates a line border

Letter and Word Formating

(I)place words in here(/I) will allow you to italicize

(em)place words in here(/em) emphasizes text

(b)place words in here(/b) allows you to make your words bold

(u)place words in here(/u) creates underlined word(s)

(tt)place words in here(/tt) shows words in a type writter font

(strong)place words in here(/strong) usually makes text bold

How to Add Images

First, you have to ftp the jpg or gif picture up to the directory in which

your wibx.html is in.

Next, type (img src="picturename.gif")

One can also align images/icons by typing (img align=middle src="...gif")

(img alt="a text paragraph") allows links to text

I think (img ismap= creates a clickable picture map

This is unadvisable due to usually long download time
I'm trying to learn this presently!

How to Make Things Clickable to a Pathway/HTML references

Just type, (a href="pathway to a Web page or address")what ever you want

clickable in btween here, even a picture(/a)

How to make a tag (I think?)

Type (a href="#wordtagged")clickable word(/a)

than at the place you want to tag type (a name="#wordtagged)

How to

Enlarge

(h1)words(/h1) is the largest text size. It should be used for the

title of the web page only at the very top.

(h2)words(/h2) is the second largest text and

(h3)words(/h3) is barely larger then the normal text size/font.

Fancier and More Complex Commands: PRESENTLY LEARNING THEM!

Forms and CGIs, which allow you to send mail or count the number of visitors, are disabled so we can't use it in Unix. So, I'm not gonna bother teaching this. I believe you can download programs into your directory to achieve these capabilities. However, these capabilities are readily achievable through Java script which is a generation ahead. I'm presently only experimenting on this and have a few appltes running already. Sound is accessible too through netscape 2.0, but this is a little too fancy for most. Java script also allows for animation, movies, and scrollers.

Sorry, Calvin Cheung

P.S. Go back to my homepage, explore, and look for multimedia at work!
You need to have netscape 2.0 with an applet viewer!