HTML

Tom Kelliher, CS 102

Mar. 7, 2001

Administrivia

Announcements

Group quiz Friday.

Assignment

See HTML reading assignment on home page.

From Last Time

``Big Brother.''

Outline

  1. Introduction to HTML.

  2. HTML lab.

Coming Up

FrontPage.

HTML Page Structure

The most basic HTML page: 

<html>
 <head>
 </head>
 <body>
 </body>
</html>

Viewing HTML directly.

Some nomenclature:

  1. Tags:
    1. What's in angle brackets.

    2. Two flavors: start, end. Usually matched.

    3. Examples: 
         <i>This will appear in italics.</i>
   <p>

  2. Enclosed text: the text between a pair of tags.

  3. Attribute:
    1. Something which can modify a tag.

    2. Has a name and a value.

    3. Examples: 
         <body bgcolor="cornflowerblue" text="khaki">
   <a href="http://www.goucher.edu/">Goucher College</a>

Some tags you'll need for the lab:

  1. Title: <title>...</title> --- enclosed text is the page title. Only valid in the head section.

  2. Centering: <center>...</center> --- enclosed text (or an image) will be centered.

  3. Headings: <h1>...</h1> --- enclosed text will be an unnumbered section heading. Range: 1--6.

  4. Paragraph separation: <p> --- the end tag isn't usually used.

  5. Text emphasis: <i>...</i><b>...</b> --- italics and bold, respectively.

  6. Links: <a href="URL">...</a> --- enclosed text will be a link to URL, which shouldn't be abbreviated: http://www.goucher.edu/.

  7. Images: <img src="URL"> --- no end tag. Insert the image pointed to by the URL. For the lab, the URL will simply be baltmap.jpg.

  8. Horizontal rule: <hr> --- no end tag. Insert a horizontal rule.

  9. JavaScript: 
    <script><!--
   var modiDate = document.lastModified;
   document.write("This page last updated on " + modiDate);
// --></script>

HTML Lab


Thomas P. Kelliher
Wed Mar 7 08:09:31 EST 2001
Tom Kelliher