Part I: Exploring the DOM Using the Chrome Development Kit (CDTK) (10 marks)

1. Bring up the web page htmlError.html. Use view source to look at the original source and compare this to the DOM representation of the page in the Elements tab of the CDK. (3) There are 5 errors in the web page.

a. There is an H1 tag that appears in the HEAD section.

b. In one of the list items the bold and italic tags are improperly nested.

c. There are 2 forms but the first one is improperly ended with

instead of

d. There is a TABLE with some text outside of any of the TR tags.

e. None of the

• tags have an

i. Describe what the browser does to fix each one of these.

ii. Use the Elements tab to fix any of the above problems that still need fixing. You are only editing a copy the original will be unchanged. Write up how you edited these changes.

Copy the modified web page to your public_html directory on apollo, same name, and make sure it is visible on the web.

HTML Error

This heading is in the wrong section

This web page has some HTML Errors

2. There is an h1 heading in between the HEAD and BODY sections
3. The text in this line has improperly nested tags
5. There are 2 forms, but the first one is not properly ended
6. The table has an improperly formed row

CENG251 Unix Internals

Name	Course
CENG256	Internet Scripting
COMM 200	Communications

All done!