INP 150

HTML Intro Exercise

HyperText Markup Language is the code that the browser reads to show a Web page on your monitor. As with any spoken language, its utility relies upon common standards. However, the Web is beset by strong competitive pressures that interfere with the cooperation necessary for these standards. The World Wide Web Consortium is the umbrella organization that has been established to negotiate with special interests and and help establish common standards for HTML.

-Examples: simple, complex (view source)
--Other code within the HTML document: Javascript

Necessity of HTML knowledge
-editing pages produced by Web editor
-extending capabilities beyond software packages

Simple HTML Exercise (advanced students proceed: post then begin tutorial)
open text editor
Create a page with a table. (Advanced students proceed)
In addition to the basic document tags use following:

h1
text and bgcolor
comment
ahref (w/ mailto incl.?subject=name)
hr
Select own text and bgcolor for table cells (see hexidecimal color chart or the back of your HTML book)
add the absolute links at the bottom of the page. Type from your handout or copy addresses from here:
- http://orchard.wccnet.org/~pfash/INP165/index.html < this is the address for our "Course Outline" link
- http://orchard.wccnet.org/~pfash/contact.html < this is the address for the "Contact Instructor" link
- http://orchard.wccnet.org/~pfash/INP165/grades.html < this is the address for the "View Grades" link

Work Session Protocol
Save page as "index.htm" (as a text file). See Naming files.
Save into folder called public_html
View with browser (on your desktop).
Post to your web space: (see WCC Web server posting) ..."inpdemo" pwd:2/de/9/e/m/5oI/8N/P
Upload to your Web site often (keep your web site current-by so doing the site content serves as back up to your disk)
At end of work session: Save folder to disk (To copy over older version, place the newer folder NEXT TO the older version on the disk.)
NOTE: You will need to make a new cells in the table on your Course Work page to include each link to each new assignment.

Diagram of posting concept

Green= visible on face of document
Bold = tags visible only in source code

<TITLE>INP 150</TITLE>
</HEAD>
<BODY BGCOLOR="#ffffff">

Your Name 
<A HREF="mailto:email@someplace.com">email me</A><HR>

Course Work 
INP 150

<TD WIDTH="22%" BGCOLOR="#9999ff">This is my first cell</TD>

<TD BGCOLOR="#fbfff0">This is my second cell</TD>

</TR>

</TABLE>

<A HREF="http://orchard.wccnet.org/~pfash/INP165/index.html">Course
Outline</A> | <A HREF="http://orchard.wccnet.org/~pfash/contact.html">Contact
Instructor </A> | <A HREF="http://orchard.wccnet.org/~pfash/INP165/grades.html">View
Grades</A>

</BODY>
</HTML>

course outline