HTML Source Code for Exercise 7


When viewed in Netscape or Internet Explorer, the next section of this page looks the same as the true source code for the Exercise 7 file looks when it is edited with a word processor. The new material, which was not part of the file for Exercises 1 through 4, is presented in bold-face.



<HTML>
<HEAD>
<TITLE>HTML Exercise 7</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<IMG SRC="../gifs/generichdr.jpg" WIDTH=525 HEIGHT=104
ALT="Generic Header at University XYZ" BORDER=0>
<P>
<BR>
<CENTER>
<A
HREF="#main">Main</A>&nbsp;&nbsp;&nbsp;<A
HREF="#sub">Sub</A>
</CENTER>
<P>
<BR>
<DL>
<DT><H1><A NAME="main">This is the Main Header</A></H1>
<P>
<DD>This is an introductory paragraph, using the word "paragraph" loosely.
<P>
<BR>
<DL>
<DT><H2><A NAME="sub">This is a sub-header</A></H2>
<P>
<DD>And this paragraph is the content for that first sub-header. We
are going to include several items here:
<P>
<UL>
<LI>It is wiser to write both the &lt;UL&gt; and the
&lt;/UL&gt; tags at first, on consecutive lines, and then go
between them and add the list items. Otherwise, it can be very easy to
forget to close the list. Often that will escape your notice long enough to
create confusion for some of your readers.
<P>
<LI>It is usually a good idea to place paragraph breaks between list
items if <STRONG>any</STRONG> of the entries is long enough to wrap, even if many of the items
are more terse.
</UL>
</DL>
</DL>
<P>
<BR>
<HR SIZE=1>
<P>
Dick Piccard revised this template file
(http://www.ohiou.edu/pagemasters/class/html1/exercise7.html)
on October 30, 2000.
<P>
Please E-Mail comments or suggestions to "<A
HREF="mailto:acatec@www.ohiou.edu">acatec@www.ohiou.edu</A>".
<P>
<HR SIZE=1>
</BODY>
</HTML>



Now, while viewing this page in your browser, please perform the following steps:

  1. Because the new tags are distributed here and there throughout the file, you will need to examine the source display carefully and remember the changes.

  2. Start your text editor, and if necessary open the exercise 6 file.

  3. Click to place the insertion point at the appropriate places so that you can type in the new tags.

  4. Choose "Save As..." from the file menu, specifying a name, for example, of exercise7.html, in the same folder where you saved exercise1.html.

  5. Make the rest of the indicated changes. Don't forget to update the TITLE in the HEAD, and also the URL in the boilerplate at the end of the BODY.

  6. Save the file again, to preserve those changes.

  7. Switch back to your browser and use the mouse to select the filename in the location (Navigator) or address (Internet Explorer) box, edit it to specify exercise7.html, and press the <Return> or <Enter> key to bring up the revised file.

  8. Switch back and forth between your editor and your browser, until you are comfortable with the correlation between the HTML and the displayed page. Do not be concerned about the details of those tags we have not yet discussed.

When you are done, you can use the browser's "Back" button to return.




Dick Piccard revised this template file (http://www.ohiou.edu/pagemasters/class/html1/exercise7source.html) on October 30, 2000.

Please E-Mail comments or suggestions to "acatec@www.ohiou.edu".