Answered: also | bartleby

Engineering

Computer Science

also

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter1: Getting Started With Html5: Creating A Website For A Food Vendor

Section: Chapter Questions

Problem 1CP4

See similar textbooks

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>…
Why is the pink part of the code not working? Im trying to get the first sentence shown as pink but it is showing as black. <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>question 2</title> <style> .strikethrough { text-decoration: line-through; } .underline-green { text-decoration: underline; color: green; } p { margin: 0; padding: 0; } .pink-text { color: salmonpink; } .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> <br> <p class="blue-text">If x = 4,…
Please help. My JQuery dropdown code is not working (Note: Utilize the usage of Jquery). Thanks... <!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> </title> <script src="https://code.jquery.com/jquery-3.1.1.js"></script> </head> <body> <script> $("#item").click(function() { $("#submenu").slideToggle(500); }); </script> <div class="menu"> <div id="item">DROPDOWN</div> <div id="submenu"> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> </div> </body> </html>
Here is the HTML file given. Write a validation code for each of the boxes in external javascript file. The critirias are: all boxes must not be empty the name box must contain only alphabets the password box the phone number must contain only numbers the registration number box must contain only numbers and alphabets (not symbols) create external javascript code called validationfunctions.js and put all these requirements there, so you will have 2 files (html and javascript) <html><head><title>Validation Form Practice</title><script src="validationfunctions.js"></script></head><body onload='document.form1.text1.focus()'><h2>Vlidation Form</h2><form name="form1" action="#" onsubmit="required()"> Name: <font color="red"> * </font> <br> <input type='text' name ='text1'/> <br> Password: <font color="red"> * </font> <br><input type='password' name ='pass1'/>…
Please fix the main.js file so that when the button is clicked enough times the <button class="hot-button cold"> in index.html gets changed to <button class="hot-button cool"> at less than 4 clicks, <button class="hot-button tepid"> at less than 7 clicks and so forth. We only just learned dom manipulation and document.querySelector() pls help me understand dom better thank you very much! index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>DOM Manipulation</title> <link rel="stylesheet" href="styles.css"> </head> <body> <main> <button class="hot-button cold">Hot Button</button> <p class="click-count">Clicks: 0</p> </main> <script src="main.js"></script> </body> </html> main.js var $hot =…
Update the HTML code below to have the desired behavior. You can only add classes to the HTML code (cannot add any JavaScript or new HTML tags). <!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>bootstrap</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> </head> <body> <div> <div> <div> <div style="background-color:red; color:white">Rectangle</div> </div> <div> <div style="background-color:green; color:white">Rectangle</div> </div>…
this 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:…
I need to change this code so that there is no button, and the jackhammer animation starts as soon as the page loads. <!DOCTYPE html><html><head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Unit 3 Graded Exercise 1</title></head><body> <h1>Michael Porter, JackhammerMan Exercise</h1> <img id="imgJackhammer" src="jackhammer0.gif" width="113" height="100" alt="Image of a man with a jackhammer."><br> <button onclick="startBouncing()">Start Bouncing</button> <script> var jackhammers = ["jackhammer0.gif", "jackhammer1.gif", "jackhammer2.gif", "jackhammer3.gif", "jackhammer4.gif", "jackhammer5.gif", "jackhammer6.gif", "jackhammer7.gif", "jackhammer8.gif", "jackhammer9.gif",…
this are some html file landing .html <!DOCTYPE html> <html lang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width, initial-scale=1.0"> <title>store </title> </head> <headerclass="container-1"> <ahref="main.html"target="myFrame"><imgsrc="images/logo.PNG"alt="logo"class="logo"></a> <nav> <ul> <li><ahref="main.html"target="myFrame">Home</a></li> <li><ahref="glass.html"target="myFrame">glass</a></li> <li><ahref="snack.html"target="myFrame">mouse</a></li> <li><ahref="mouse.html"target="myFrame">snack</a></li> <li><ahref="cart.html"target="myFrame">cart</a></li> </ul> </nav> </header> <mainclass="frame-style"> <iframesrc="main.html"name="myFrame"allowfullscreen></iframe> </main> </body>…
this is have i have so far just need help with the cars <!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 4 - Positions</title> <style> /* element selector */ .left-grassp { position:absolute; left:120px; top:-70px; width: 1100px; height: 109vh; background-color:#414046; } .right-grasspp { position: absolute; left:220px; top:1px; width: 4em; height: 100vh; background-color:#414046; } /* class selector */ .right-sidep { position: absolute; left: 4em; top: 0; background-color: white; } /* class selector */…
this is a html file <!DOCTYPE html> <html lang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width, initial-scale=1.0"> <title>store </title> </head> <headerclass="container-1"> <ahref="main.html"target="myFrame"><imgsrc="images/logo.PNG"alt="logo"class="logo"></a> <nav> <ul> <li><ahref="main.html"target="myFrame">Home</a></li> <li><ahref="glass.html"target="myFrame">glass</a></li> <li><ahref="snack.html"target="myFrame">mouse</a></li> <li><ahref="mouse.html"target="myFrame">snack</a></li> <li><ahref="cart.html"target="myFrame">cart</a></li> </ul> </nav> </header> <mainclass="frame-style"> <iframesrc="main.html"name="myFrame"allowfullscreen></iframe> </main> </body> </html> can anyone…
3- The user wants to insert an image with the filename: UTAS.JPG with a height and width of 50px and an alternate text “Salalah”. When the image is clicked, it will link to the UTAS-Salalah website. Which of the following HTML code is suitable for the given instructions? a. <a href=”https://www.sct.edu.om”><img src=”UTAS.JPG” height”50 px” width ”50 px” alt ”Salalah”></a> b. <a href=”https://www.sct.edu.om”></a><img source=”UTAS.JPG” height=”300 px” width=”300 px” alternate=”Salalah”> c. <a href=”UTAS”><image src=”UTAS.JPG” height width=”50 px” alt=”Salalah”></a> d. <a href=”https://www.sct.edu.om” ><img src=”UTAS.JPG” height=”50 px” width=”50 px” alt=”Salalah”> </a>