Workshop on the HyperText Markup Language(HTML)
.History
Originally preented to faculty and students on Thursday Dec 1st 1994.
Since revized May and Septemeber 1996.
Definitions
The World Wide Web is a large, international and distributed set of computer files called "pages". These pages can be read by several differnt programs on just about every computer that is connected to the internet. They are read by using a "browser".
The browsers format them automatically for you. A browser also lets you move from one page to another one by selecting special pieces of text called "links".
Two Kinds of Page
Personal On Ramps
You can put together a page for your own use, or you can put one together so that others can read it. For example I keep a page that lists and organizes all the neat places on the web that I hear about. It act as a set of "onramps" onto the infobahn.
Nobody but me needs to read this... so it is "quick-and-dirty". You don't need to be on a WWW server to use the file... all you need is a browser.
Public Pages
If you are on a machine that is running a WWW service then other people can read your pages. You can prepare information and share it with others. The reason you do this should guide you in designing your the page.
Making an Onramp
Start with the line "<pre>" - start of preformatted text
End with the line "</pre>" - end of preformatted text
Type in some headings
Add links/anchors to interesting pages
<a href="http://machine/path/file">Topic</A>
Use 'lynx filename' to test it.
Use 'netscape filename' to use it.
Keep it up to date!
Universal Resource Locators
URLs
Tell browser where to find things.
protocol://machine/directorypath/file
A Basic Home Page
Is about you...
- What information is necessary?
- What information would be fun?
Layout for Home Page
<head><title>Name of document</title></Head>
<Body>
....
</Body>
HTML Basic
Addresses
<address> afaculty@wiley.csusb.edu <address>
Simple Layout
<br> -- line break here
<P> -- new paragraph here
<HR> -- Horizontal Rule (neat!)
Headers
<H1>...</H1>
<H2>...</H2>
...
<H6>...</H6>
Images
<IMG SRC="URL" ALT="text version">
Citations
<cite>....</cite>
Lists
Half a dozen Lists: Ordered, Unordered,...
Fonts & Styles
Some - but trust the browser to sort out the details.
strong, em, ....
See Also
[ www.html ]