Given Code: <!DOCTYPE html>  <html lang= " en " >  <head>  <title>Find the Error</title> <meta charset= " utf-8 " >  <style>  body { background-color: #d5edb3; color: #000066; font-family: Verdana, Arial, sans-serif; } <!—Error in the code--> nav { float:left; width: 120px; } main { padding: 20px 150px 20px 20px; background-color: #ffffff; color: #000000; }  </style>  </head>  <body> <header role= " banner " > <h1>Trillium Media Design</h1> <!—Close tag --> </header>  <nav role= " navigation " >  <ul> <li><a href= " index.html " >Home</a></li> <li><a href= " services.html " >Services</a></li> <li><a href= " contact.html " >Contact</a></li> <!—Close tag --> </ul> <!—Close tag --> </nav>  <main role= " main " > <p>Our professional staff takes pride in its working relationship with our clients by offering personalized services that listen to their needs, develop their target areas, and incorporate these items into a website that works.</p>  </main>  </body>  </html>

Question

Want to see the full answer?

Answer 1

Question

Chapter 7, Problem 3AYK

Program Plan Intro

Given Code:

<!DOCTYPE html>



<html lang="en">



<head>



<title>Find the Error</title>

<meta charset="utf-8">



<style>

   

    body { background-color: #d5edb3;

       color: #000066;

       font-family: Verdana, Arial, sans-serif;

}

<!—Error in the code-->

    nav { float:left;

    width: 120px; }

    main { padding: 20px 150px 20px 20px;

       background-color: #ffffff;

        color: #000000; }



</style>



</head>



<body>

<header role="banner">

    <h1>Trillium Media Design</h1>

<!—Close tag -->

</header>



<nav role="navigation">



<ul>

    <li><a href="index.html">Home</a></li>

    <li><a href="services.html">Services</a></li>

    <li><a href="contact.html">Contact</a></li>

<!—Close tag -->

</ul>

<!—Close tag -->

</nav>



<main role="main">

<p>Our professional staff takes pride in its working

relationship with our clients by offering personalized services

that listen to their needs, develop their target areas, and

incorporate these items into a website that works.</p>



</main>



</body>



</html>

Expert Solution & Answer

Want to see the full answer?

Check out a sample textbook solution

See solution

Students have asked these similar questions

Using a computer with text editing programs (Notepad, MS Word, etc.), create an HTML document file and write the following code: <HTML> <HEAD> <SCRIPT SRC="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"> </SCRIPT> <SCRIPT> WRITE YOUR JQUERY CODE HERE!!! </SCRIPT> <STYLE> .yellowDiv{ background-color:yellow; margin: 10px 0 0 0; height:50px; } .impPrg{ font-size:16px; font-weight:bold; } </STYLE> </HEAD> <BODY> <H1>Demo: jQuery addClass() method</H1> <BUTTON ID="btnAddDivClass">Add <DIV> class</BUTTON> <BUTTON ID="btnAddPClass">Add <P> class</BUTTON> <DIV ID="myDiv"> <P>This is first paragraph.</P> </DIV> <DIV> <p>This is second paragraph.</P> </DIV> <DIV> <P>This is third paragraph.</P>…

The following HTML is loaded into the browser: a) When the user clicks on the blue region around the button, what will happen?b) When the user clicks “Click me!”, what will happen?

Build a simple HTML page that will use an image (download from internet) as a link to the a page with the following code. Note that the image should be clickable. <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Text Styling Example</title> <style> .strikethrough { text-decoration: line-through; } .underline-green { text-decoration: underline; color: green; } p { margin: 0; padding: 0; } .pink-text { color: salmon; } .blue-text { color: dodgerblue; } </style></head> <body> <p class="pink-text">The following is an example of the <span class="strikethrough">square</span> <span class="underline-green">cube</span> of a number:</p>…