Given Code:
<!DOCTYPE html>
<!--HTML Tag-->
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>Find the Error</title>
<meta charset="utf-8">
<!--Style Tag-->
<style>
<!--Alignment for Body Tag-->
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; }
<!--Closing style tag -->
</style>
<!--Closing head tag -->
</head>
<!--Body Tag -->
<body>
<header role="banner">
<h1>Trillium Media Design</h1>
<!—Close tag -->
</header>
<!--navigation-->
<nav role="navigation">
<!-- unordered list -->
<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 Tag -->
<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>
<!--close Tag-->
</main>
<!--close Tag-->
</body>
<!--Close Tag-->
</html>
Want to see the full answer?
Check out a sample textbook solutionChapter 7 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
- Create a PHP script to generate multiplication table. Use html tags. The user will enter the number of rows and columns in a text box. The user will then click the Generte button to generate a multiplication table. The user will then search for a value in a text box and highlight the value being searched.arrow_forwardlanguage: HTML Create a responsive webpage for food items. there are three requirements 1: when the user hovers over the item name ('item 1') the details of the item should be displayed. the text should return back to the original (aka from the food description to the food name ) after the mouse pointer moves away 2. When the user clicks 'add to cart' for an item, the 'cart total' is updated, and the button to add the item to the cart is disabled so that it cannot be added twice. 3. the user can input an amount into the 'confirm purchase' section and click the button. If the amount is less than the 'cart total', the following alert should be shown: "payment amount is less than cart total" otherwise: "payment complete"arrow_forwardI need help with this javascript exercise, please. Thank you Use a Test Score array In this exercise, you’ll work with an array and you’ll add nodes to the DOM to display the Results and the Scores. The interface after clicking the Display Results and Display Scores buttons should look like this: (attached in the images) HTML FILE: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Test Score Array</title> <link rel="stylesheet" href="test_scores.css" /> </head> <body> <main> <h1>Use a Test Score array</h1> <div> <label for="name">Name:</label> <input type="text" id="name"> <span></span> </div> <div> <label for="score">Score:</label> <input type="text"…arrow_forward
- Design a webpage in HTML using CSS and JavaScript to show the monthly payment and the total payment of a loan. create two Buttons to compute the monthly loan payment and total payment given the loan amount of $367000, yearly_interest_rate= 5.25% and a number of years=30. Create two separate functions in JavaScript. function monthlyPayment() function totalPayments()arrow_forwardEdit the existing code to add an admin account that is seperate from the regular user accounts. When logging in using the admin account, the page should redirect you to sales.html Existing code: login.js function Login() {window.location.href = window.location.href.substring(0, window.location.href.lastIndexOf('/')) + "/Login.html"} function ResetPassword() {window.location.href = window.location.href.substring(0, window.location.href.lastIndexOf('/')) + "/resetpassword.html"} function LoginUser() {var userName = document.getElementById("txtUserName").value;var password = document.getElementById("txtPassword").value; var user = JSON.parse(localStorage.getItem("user")); var storedUserName = user.email;var storedPassword = user.password; if (storedUserName && storedPassword) { if (userName.length > 0 && password.length > 0) { if (userName == storedUserName && password == storedPassword) {alert("Logged In");} else {alert("username or password does not match…arrow_forwardGive Authentic Answer: Design the following HTML form TablePrinting.html Ask User to enter the No in the Text Field. When User Click the Print Table button, then table of the Input No must be displayed using PHP Script file named PrintTable.php as shown here Table of 5 Printed By 19-ARID-1149 RUWISH ZAHOORarrow_forward
- Explain what this code does in HTML in your own words- " <input placeholder="Input field"> "arrow_forwardHTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the following html dynamic application What is the output when the button is clicked ?( describe the visual effect when the button is clicked) Modify the output from the original web page, so that the html will create and place a new red div as illustrated inside the existing grey div and then transfers the paragraph inner content at run-time ( inside the javascript function ) from the paragraph inside the grey div into the red div as illustrated. DO NOT DO this by placing the paragraph content inside the div within the static HTML page, use the document object model to access elements from the paragraph and transfer content into the div element as illustrated <! DOCTYPE html> <html> <head> <title> First Illustration</title> <link rel="stylesheet" type="text/css" href="first_ill_RRR.css"> <script src="project_6p.js"…arrow_forwardWrite an HTML code for the following webpage (Form). Please complete the form below. Mandatory fields marked * Delivery Details Name * Address * Town/City County * Postcode * Is this address also your invoice address? * Yes ( NOarrow_forward
- Create an HTML file which has as many tags/elements as possible within its body.Then, a JavaScript is called within the body of the HTML file to change the style of at least three HTML elements by the click of a button. You can test run it through your Browser console / w3schools.comarrow_forwarduse the given code snippet to answer the following question html { font-size: 16px which css declaration ensures that the <body> font size inherits the <html> font size? Body { Font-size: 16px: Line-height: 1.25em Color: #1d1d1d font -weight: 400; Body { Font-size: 1cm: Line-height: 1.25em Color: #1d1d1d font -weight: 100; Body { Font-size: 1vh: Line-height: 1.25em Color: #1d1d1d font -weight: 400; Body { Font-size: 1vw: Line-height: 1.25em Color: #1d1d1d Line -weight: 400;arrow_forwardThere are six (6) mistakes in the code (in the image below). For each, list: 1. the line number, and 2. show the correct code 1 3 Home body {background color: blue; color: white; } .main {color: yellow; border: 2px pink solid; } table {color: white border: 1px black dotted; } 5 6 10 11 12 13 14 15 16 17 - Google 18 19 HTML Test 20 21 22 - 23 - A B 24 25 C D 26 27 - 28 - 29 E F 30 31 32 - 33 - G H I 34 35 36 37 J K 38 39 40 41 - 42 43arrow_forward
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill EducationStarting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSONDigital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
- C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSONDatabase Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage LearningProgrammable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education