Week 7, Chapter 7. Debugging HTML code

CIT-11 Home http://www.c-jump.com/CIT11/CIT11syllabus.htm

Week 7, Chapter 7. Debugging HTML code

Week 7, Chapter 7. Debugging HTML code
Homework Assignment 7

1. Week 7, Chapter 7. Debugging HTML code

Read chapter 7 in Fluency with Information Technology.
At one point in the chapter the author illustrates the debugging process by walking you through the 'repairing' of html code.
You can follow along with the author by downloading the chapter 7 support files.
While following along you should note that the author uses Netscape to view color-coded source code.
Keep in mind that what you see when you view source code from within a browser window depends on the browser being used.
Viewing source code from an Internet Explorer browser window doesn't display the color-coded source.

2. Homework Assignment 7

Here is the HTML for a simple Web page.
Create an html file which contains the following text
To ensure you start with an exact copy of the below text you should either
1. copy the text from this document , or
2. open the page by clicking on this link and then copying the source code from the browser,
  - Internet Explorer: View, Source
  - Netscape or Firefox: View, Page Source (or simpy press CTRL+U)
3. download the file by right-clicking the link and then Save as...

Original Code:

<html>
<head>
<title>My Favorites</title>
</head>
<body>
<h3>Movies</h3> 
<ul>
  <li><i>Grease</i></li>
  <li><i>Road to Perdition</i></li>
  <li><i>Titanic</i></li>
</ul>
<h3>Shows <h3> 
<ol>           
  <li><i>Survivor</i></li>
  <li><i>American Idol</i></li>
  <li><i>Everybody Loves Raymond</li>      
</ul>
<h3>Stars </h3>
<ul>
  <li<i>Matt Damon</i></li>  
  <li><i>Kate Hudson</i></li>
  <li><i>Lucy Lui</i></li>
</ul>
</body>
</html>

Open the file in a browser window and compare it to the image pictured below:

Your assignment is to find answers to the following problems:

List some of the problems you observe when viewing the original file and comparing it to the image.
Find and fix the errors in the original code and get the page to display as pictured above.
What browser did you use?
Copy the revised HTML code to your Word Document and highlight in yellow (use Words highlighter to highlight) the modifications you made.
Explain what's highlighted in other words, provide an explanation of each change made to the original code.
In addition to your answers, please email me a copy of the revised HTML file as an attachment.