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 (9th Edition) (What's New in Computer Science)
- 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_forwardPart 4: Build a html form with the following elements. The form must be within a table structure. Name: a text box where the content contains no special character (i.e. !, @, #, $, %, &, *). Number is allowed. The text box must not be empty. • Module code: a text box where the content must start with 3 lower case alphabets and follows by 4 digits. This textbox can be empty. • Current date: a non-editable textbox and should be in the format as shown (e.g. 12 October 2020 Monday 3:35 PM). The content is the current date or today's date which will change every day. • Message: a text area with 3 rows and 20 columns. The default text is "Hello 202204". The text area cannot be empty. • Find: a text box for the user to key in text he/she wants to find. Replace: a text box for the user to key in the replacement text. If the find text is empty, this element should be disable (i.e. user cannot key in anything here). • Find and Replace: This is a button, when click, it will go to the "Message"…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_forward
- I 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<!DOCTYPE html><html lang="en"> below is box-styles.css <style> @import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap'); body { font-size: 62.5%; margin: 0;} h1 {font-size:4em;text-align: center;font-family: 'Rubik Mono One', sans-serif;} h3 {font-size: 2em;} p {font-size: 1.5em;} h3, p { margin:0; } .title-padding { padding: 5% 10%; } .body-padding { padding-left: inherit; padding-right: inherit; padding-top: 7%; } .light-shadow { box-shadow: transparent; } .max-width { max-width: 50em;} /* .full-width { } */ .center-element { margin-top:8em; margin-left:inherit; margin-right: inherit; text-align: center; } .round-borders { border:1px solid black; border-radius: 0.25em; font-size: 2em; } .bb { box-sizing: content-box; width:100%; padding: inherit; margin: inherit; } .cb { box-sizing: content-box; } </style>above is the box-styles.css <head> <meta…arrow_forwardMake a table in HTML format that works with your school's timetable. The column headers should indicate the time of day for each class, and the row headers should indicate the day of the week. The table numbers need to be labelled with the course name and instructor's name. Since it will be at the table's top, a fitting caption is required.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
- 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