Question: 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

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.

    HTML Error

    This heading is in the wrong section

    This web page has some HTML Errors

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


    CENG251 Unix Internals
    NameCourse
    CENG256Internet Scripting
    COMM 200Communications

    All done!

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

    Step by Step Solution

    There are 3 Steps involved in it

    1 Expert Approved Answer
    Step: 1 Unlock blur-text-image
    Question Has Been Solved by an Expert!

    Get step-by-step solutions from verified subject matter experts

    Step: 2 Unlock
    Step: 3 Unlock

    Students Have Also Explored These Related Databases Questions!