When viewed in Netscape or Internet Explorer, the next section of this page looks the same as the true source code for the Exercise 3 file looks when it is edited with a word processor. The new material, which was not part of the file for Exercises 1 or 2, is presented in bold-face.
<HTML>
<HEAD>
<TITLE>HTML Exercise 3</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<IMG SRC="../gifs/generichdr.jpg" WIDTH=525 HEIGHT=104
ALT="Generic Header at University XYZ" BORDER=0>
<P>
<BR>
<H1>This is the Main Header</H1>
<P>
This is an introductory paragraph, using the word "paragraph" loosely.
<P>
<BR>
<H2>This is a sub-header</H2>
<P>
And this paragraph is the content for that first sub-header.
<P>
<BR>
<HR SIZE=1>
<P>
Dick Piccard revised this template file
(http://www.ohiou.edu/pagemasters/class/html1/exercise3.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:
- Use the mouse to select the primary new BODY-section HTML, which is displayed in bold-face, above.
- Choose "Copy" from the "Edit" menu.
- Start your text editor, and if necessary open the exercise 2 file.
- Select the line "[Other interesting stuff will go here.]"
- Choose "Paste" from the "Edit" menu, to replace the old place-holder line with the new HTML.
- Choose "Save As..." from the file menu, specifying a name, for example, of exercise3.html, in the same folder where you saved exercise1.html.
- 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.
- Edit the file to use your choice for the header and sub-header text, and your choice for the two sections' content.
- Save the file again, to preserve those changes.
- 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 exercise3.html, and press the <Return> or <Enter> key to display it.
- 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/exercise3source.html) on October 30, 2000.
Please E-Mail comments or suggestions to "acatec@www.ohiou.edu".