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
Question
Chapter 8, Problem 3AYK
Program Plan Intro
Program Plan:
- Include the HTML tag using <HTML>.
- Include the header tag using <head>.
- Include the title on the webpage using <title> tag.
- Provide the background color and border for the table using <style> tag.
- Close the header tag using </head>.
- Open the body of the web page using <body> tag.
- Include the heading on the webpage using <h1> tag.
- Include a table on the webpage using <table> tag.
- Include a caption on the webpage using <caption> tag.
- Provide table headings using <th> tag
- Provide table content using <td> tag
- Close the body using </body> tag.
- Include the header tag using <head>.
- Close the file using </html> tag.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
I would like for you to review this code and help me figure out why it isn't displaying the calculated temperatures when I test it. It seems to be an issue with the .js code.
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Convert Temperatures</title>
<link rel="stylesheet" href="convert_temp.css">
</head>
<body>
<main>
<h1>Convert temperatures</h1>
<div>
<input type="radio" name="conversion_type" id="to_celsius" checked>Fahrenheit to Celsius
</div>
<div>
<input type="radio" name="conversion_type" id="to_fahrenheit">Celsius to Fahrenheit
</div>
<div>
<label id="degree_label_1">Enter F degrees:</label>
<input type="text" id="degrees_entered">…
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>…
this html code runs like this
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="/css/style.css">
<title>Login</title>
<script type="application/javascript"> function validate() { 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: document.getElementById("password").value }; var request = new XMLHttpRequest(); request.open("POST", "/api/login"); request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");…
Chapter 8 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 8.4 - Prob. 1CPCh. 8.4 - Prob. 2CPCh. 8.4 - Prob. 3CPCh. 8.7 - Prob. 1CPCh. 8.7 - Prob. 2CPCh. 8 - Prob. 1MCCh. 8 - Prob. 2MCCh. 8 - Prob. 3MCCh. 8 - Prob. 4MCCh. 8 - Prob. 5MC
Ch. 8 - Prob. 6MCCh. 8 - Prob. 7MCCh. 8 - Prob. 8MCCh. 8 - Prob. 9MCCh. 8 - Prob. 10MCCh. 8 - Prob. 11FIBCh. 8 - Prob. 12FIBCh. 8 - Prob. 13FIBCh. 8 - Prob. 14FIBCh. 8 - Prob. 15FIBCh. 8 - Prob. 1AYKCh. 8 - Prob. 2AYKCh. 8 - Prob. 3AYKCh. 8 - Prob. 1HOECh. 8 - Prob. 2HOECh. 8 - Prob. 3HOECh. 8 - Prob. 4HOECh. 8 - Prob. 5HOECh. 8 - Prob. 6HOECh. 8 - Prob. 7HOECh. 8 - Prob. 8HOECh. 8 - Prob. 9HOECh. 8 - Prob. 1WRCh. 8 - 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
- Using <video> and <audio> element display audio/video content in html?arrow_forwardHere error i can not detect. here i am retrieving xml data in html page in table form by Ajax <!doctype html> <html> <head> <title>Perfume Data</title> <script src="https://code.jquery.com/jquery-3.5.1.js"> </script> <style> table { margin: 0 auto; font-size: large; border: 1px solid black; } th { font-weight: bold; border: 1px solid black; padding: 10px; text-align: center; } td { padding: 10px; text-align: center; font-weight: lighter; background-color: #E4F5D4; border: 1px solid black; } </style> </head> <body> <table id="myTableData"> <tr> <th>id</th> <th>Product name</th> <th>Brand</th> <th>Ingredients</th> <th>Item weight</th> </tr>…arrow_forwardHow to merge the columns? Just merge the "each serving provides" to the 2nd and 3rd column this is the html code: <table style="border: black;border-style:solid;border-width: 1px; width:100%;border-spacing:0px;"> <tr> <td><b>yield:</b></td> <td><b>each serving provides:</b></td> <td></td> </tr> <tr> <td>4 servings</td> <td>calories:229</td> <td>total fiber:5g</td> </tr> <tr> <td></td> <td>total fat: 11g</td> <td>protein: 29g</td> </tr> <tr> <td><b>serving size:</b></td>…arrow_forward
- How to merge the columns? Just merge the "each serving provides" to the 2nd and 3rd column this is the html code: <table style="border: black;border-style:solid;border-width: 1px; width:100%;border-spacing:0px;"> <tr> <td><b>yield:</b></td> <td><b>each serving provides:</b></td> <td></td> </tr> <tr> <td>4 servings</td> <td>calories:229</td> <td>total fiber:5g</td> </tr> <tr> <td></td> <td>total fat: 11g</td> <td>protein: 29g</td> </tr> <tr> <td><b>serving size:</b></td>…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_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
- 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_forwardUsing query string with javascript, how do I populate the third page with the required information? Page #3: Congratulates the user, or informs them of their failure to guess the word. This page must show: User 1 Name User 2 Name Word they were trying to guess Page 1 html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hangman</title> </head> <body> <h1>Welcome to the Hangman Word Guessing Game!</h1> <p>Enter your name:</p> <input type="text" id="name-input"> <p>Enter a word for the other player to guess:</p> <input type="text" id="word-input"> <p>Enter the number of incorrect guesses allowed:</p> <input type="number" id="guesses-input"> <button onclick="startGame()">Go</button> <script src="script1.js"></script> </body> </html> script1.js: function startGame() { const name = document.getElementById("name-input").value; const…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 2 - Relative</title> <style> /* Write your style rules here */ </style></head><body> <!-- Write your HTML here --></body></html>arrow_forward
- 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 =…arrow_forwardThere are two codes given (one is html code and another is external javascript code): 1. html file <html> <head> <title>JavaScript registration from validation Code</title> <h2>Registration Form</h2> <script src="my-form-validation.js"></script> </head> <body onload="document.form1.userid.focus();"> <form name='form1' onsubmit='formValidation()' > <table width="500" cellpadding="3" style="border-collapse: collapse;"> <tr> <td>User id </td> <td><input type="text" name="userid" size="12" /></td> </tr> <tr> <td>Password</td> <td><input type="password" name="passid" size="12" /></td> </tr> <tr> <td>Name</td> <td><input type="text" name="username" size="50" /></td> </tr>…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
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- 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
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education