Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Concept explainers
Expert Solution & Answer
Chapter 9, Problem 3AYK
The output for the given program is displayed below.
Sample Output:
Screenshot of the webpage
Explanation of Solution
<!--HTML Tag-->
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>Find the Error</title>
<meta charset="utf-8">
<!--Close Tag-->
</head>
<!--Alignment for Body Tag-->
<body>
<p>Subscribe to our monthly newsletter and receive free coupons!</p>
<form action="get" method="newsletter.php">
<!--Label Tag-->
<label>E-mail: <input type="text" name="email" id="email"
size="40"></label>
<br>
<!--Use of Submit Button and Reset Button-->
...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
JavaScript Programming
Get a Square root of a given number with that code
<!DOCTYPE html><html><head><!----><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><title>Square Root</title><link rel="stylesheet" href="styles.css" /><script src="modernizr.custom.05819.js"></script></head>
<body><header><h1>Convert Using Math.sqrt</h1></header>
<article><h2>Square Root Calculator</h2><form><fieldset><label for="mValue">Enter a number</label><input type="number" id="value" /></fieldset><fieldset><button type="button" id="convertButton">Calculate square root</button></fieldset><fieldset><p>Square root</p><p id="sqRoot"></p></fieldset></form></article><script>// YOUR CODE…
Write attribute for setting text size to 29px, font to Arial, and text color to Red in XML.
. Write the HTML code which includes the following tags properly and insert snapshot of result.
h1
p
img
video
audio
a
Chapter 9 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 9.4 - Prob. 1CPCh. 9.4 - Prob. 2CPCh. 9.4 - Prob. 3CPCh. 9.6 - Prob. 1CPCh. 9.6 - Describe the purpose of the access key attribute...Ch. 9.6 - Prob. 3CPCh. 9.8 - Prob. 1CPCh. 9.8 - Prob. 2CPCh. 9 - Prob. 1MCCh. 9 - Prob. 2MC
Ch. 9 - Prob. 3MCCh. 9 - Prob. 4MCCh. 9 - Prob. 5MCCh. 9 - Prob. 6MCCh. 9 - Prob. 7MCCh. 9 - Prob. 8MCCh. 9 - Prob. 9MCCh. 9 - Prob. 10MCCh. 9 - Prob. 11MCCh. 9 - Prob. 12FIBCh. 9 - Prob. 13FIBCh. 9 - Prob. 14FIBCh. 9 - Prob. 15SACh. 9 - Prob. 1AYKCh. 9 - Prob. 2AYKCh. 9 - Prob. 3AYKCh. 9 - Prob. 1HOECh. 9 - Prob. 2HOECh. 9 - Prob. 3HOECh. 9 - Prob. 4HOECh. 9 - Prob. 5HOECh. 9 - Prob. 1WRCh. 9 - Prob. 2WRCh. 9 - Prob. 3WRCh. 9 - Prob. 1FWD
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- this is a "landing "html ,the code is like this landing .html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>store </title> </head> <header class="container-1"> <a href="main.html" target="myFrame"><img src="images/logo.PNG" alt="logo" class="logo"></a> <nav> <ul> <li><a href="main.html" target="myFrame">Home</a></li> <li><a href="glass.html" target="myFrame">glass</a></li> <li><a href="snack.html" target="myFrame">mouse</a></li> <li><a href="mouse.html" target="myFrame">snack</a></li> <li><a href="cart.html" target="myFrame">cart</a></li> </ul> </nav>…arrow_forwardUsing Document Object Model (DOM): Modify “src” attribute in the following HTML code, photo1.jpg to photo2.jpg: <img src="photo1.jpg" alt="photo" id="img"/> Modify the content of the following HTML code, Hello SEU to Hello KSA: <h1 id ="h">Hello SEU</h1> **Please make the code compatible with university content**arrow_forwardUse code for both attach compilwr of same html both. Thanks .arrow_forward
- Using JavaScript DOM, access and modify following HTML elements according to the tasks listed below: <h1 id="h1id"> KSA </h1> <h2 id="h2id"> KSA </h2> <img id="img" src="seu.jpg" width="400px" height="150px"> Tasks: Change h1 element color to green. Change h2 element content to SEU. Change img element width attribute to 150px. Notes: Copy and paste your script as your answer for this question. DON’T take screen shot for your HTML and JS script. It must be editable script. Provide a screenshot of your output Hint: this is how the webpage should look like before and after executing the required tasks: Before Afterarrow_forward<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Part 1b - Floats</title> <style> /* Finish this rule */ img:nth-of-type(1) { } /* Finish this rule */ img:nth-of-type(2) { } /* don't modify this rule */ p { font-size: 1.25em; text-align: center; } </style></head><body> <img src="https://via.placeholder.com/150"> <img src="https://via.placeholder.com/150"> <p> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut…arrow_forwardthis html code looks like this <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Login</title> <style> form{ display: flex; flex-direction: column; width: 300px; justify-content: space-evenly; margin: auto; } h2{ position: fixed; width: 350px; height: 300px; top: 50%; left: 50%; margin-top: -150px; margin-left: -175px; background: #07A8C3; padding-top: 10px; } </style> <script type="application/javascript"> function validate() { {{!-- var data = new FormData(); --}} const data = new URLSearchParams(); data.append('name', document.getElementById("name").value); data.append("password", document.getElementById("password").value); var params = { name: document.getElementById("name").value, password:…arrow_forward
- HTML Display the x, y and sum in the webpage after input of x and y....___ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> SIMPLE CALCULATOR </title> </head> <body> <script> var num1 = prompt("X: "); var num2 = prompt("Y: "); var sum = x + y; </script> </body> </html>arrow_forwardso which option is correct from this There should not be a >bracket at the end. The language attribute name in the <html> tag should not be lang. There should not be a <body> tag There should be quote marks around the content ID in the second <div> tag.arrow_forward<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Part 3 - Absolute</title> <style> /* do not modify this rule */ h1 { text-align: center; } /* do not modify this rule */ div { width: 400px; height: 400px; } </style></head><body> <h1>Absolute</h1> <div class="container"> <div class="front"></div> <div class="middle"></div> <div class="back"></div> </div></body></html>arrow_forward
- ) Use the given code snippet to answer the following question: <style> Html { Font-size: 10px; } Body { Font-size: 2em; Line-height: 1.5em; Color:#1d1d1d; } H1 { Font-size: 3rem Line-height:2em Color:black; } </style> What is the render line-height in pixels for the <h1> element? 120 px 60px 15px 20pxarrow_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_forwardCODE 1:<!doctype html><html><body> <script type="text/javascript">var q1 = prompt("Enter Q1", 0);var q2 = prompt("Enter Q2", 0);var q3 = prompt("Enter Q3", 0);var ave = (parseInt(q1) + parseInt(q2) + parseInt(q3))/3;document.write("Average =" + ave.toFixed(2));if (ave < 20)document.write("<BR>" + "Failed.");elsedocument.write("<BR>"+ "Passed."); </script> </body></html> Revise CODE 1 above so that when the average is 36-40, it displays Grade is A31-35, it displays Grade is B26-30, it displays Grade is C20-15, it displays Grade is D19 own, it displays Farrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning