HTML Source Code for Exercise 2

When viewed in Netscape or Internet Explorer, the next section of this page looks the same as the true source code for the Exercise 2 file looks when it is edited with a word processor. The new lines are in bold-face.


<HTML>
<HEAD>
<TITLE>HTML Exercise 2</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<IMG SRC="../gifs/generichdr.jpg" WIDTH=525 HEIGHT=104
ALT="Generic Header at University XYZ" BORDER=0>
 <P>
<BR>
[Other interesting stuff will go here.]
<P>
<BR>
<HR SIZE=1>
<P>
Dick Piccard revised this template file
(http://www.ohiou.edu/pagemasters/class/html1/exercise 2.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. Use the mouse to select the primary new lines in the HTML displayed above.

  2. Choose "Copy" from the "Edit" menu.

  3. Go to or start your text editor, and if necessary open the Exercise 1 HTML file.

  4. Place the insertion point at the start of the line following the BODY tag.

  5. Choose "Paste" from the "Edit" menu.

  6. Choose "Save As..." from the File menu, specifying a name of "exercise2.html", and text format, in the same folder where you saved exercise1.html.

  7. Make the rest of the indicated changes. Don't forget to update the TITLE in the HEAD, the word "The" to "Other" in the square brackets, and also the URL in the boilerplate at the end of the BODY.

  8. Edit the file to modify the ALT attribute of the IMG tag, just to make a change.

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

  10. Switch back to your browser and use the mouse to open the page you just saved (in Netscape: File menu, Open, Page in Navigator; in Windows Internet Explorer: File menu, Open, then click on "Browse"; in Macintosh Internet Explorer: File menu, Open File); or edit the location (address) to specify the exercise2.html file.

  11. 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 the tags inside the BODY section yet, we will be discussing them in more detail as the class progresses.

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/exercise2source.html) on October 30, 2000.

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