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
Expert Solution & Answer
Chapter 11, Problem 1AYK
Program Description Answer
The below HTML code is used to create a web page for “CircleSoft Design” that contains page heading, list and link to an audio file more:
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
I need login page code in Html and css with validation code in javascript only make simple as much as.
this is what I have so far it's not quite right it looks off and I need help to fix it on the image is what I have and the other is the question with an image of what it should look like
<!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;…
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>
Chapter 11 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 11.3 - Prob. 1CPCh. 11.3 - Prob. 2CPCh. 11.3 - Prob. 3CPCh. 11.7 - Prob. 1CPCh. 11.7 - Prob. 2CPCh. 11.7 - Prob. 3CPCh. 11.11 - Prob. 1CPCh. 11.11 - Prob. 2CPCh. 11.11 - Prob. 3CPCh. 11 - Prob. 1MC
Ch. 11 - Prob. 2MCCh. 11 - Prob. 3MCCh. 11 - Prob. 4MCCh. 11 - Prob. 5MCCh. 11 - Prob. 6MCCh. 11 - Prob. 7MCCh. 11 - Prob. 8MCCh. 11 - A file that contains a Flash animation uses the...Ch. 11 - Prob. 10MCCh. 11 - Prob. 11FIBCh. 11 - Prob. 12FIBCh. 11 - Prob. 13FIBCh. 11 - When displaying a Java applet, the browser invokes...Ch. 11 - Prob. 15FIBCh. 11 - Prob. 16SACh. 11 - Prob. 17SACh. 11 - Prob. 1AYKCh. 11 - Prob. 2AYKCh. 11 - Prob. 3AYKCh. 11 - Prob. 1HOECh. 11 - Prob. 2HOECh. 11 - Prob. 3HOECh. 11 - Prob. 4HOECh. 11 - Prob. 5HOECh. 11 - Prob. 6HOECh. 11 - Prob. 7HOECh. 11 - Prob. 1WRCh. 11 - Prob. 2WRCh. 11 - Prob. 3WRCh. 11 - Prob. 4WRCh. 11 - Prob. 1FWDCh. 11 - Prob. 2FWD
Knowledge Booster
Similar questions
- HTML - Javascript Design a web page with a canvas with the id canv, width – 300 height 300 with solid border with Blue color. Drawa string “Hello” on the canvas at location (20,90) with the font Arial and font size 20 pxarrow_forwardUsing CSS, how would you center the text in a header of an HTML table? A) Use the align property. B) Use the text-align property. C) Use the justify property. D) Add until the text is centered.arrow_forwardDevelop an HTML Page content, a table consists of two columns and two rows with the flowing format: Text red color. Background green color. Border 3. Title “my new table format”. Fount-family “Caliri”.arrow_forward
- Create a HTML with CSS for an Electronically Voting Platform, make it like a facebook profile page that contains the following contents: Profile Photo Bio/Slogan Full Name Student No. Gender Degree Program Year Level Official School Email Address Mobile Numberarrow_forwardIn HTML5, a <main> element was added to replace the legacy <div id="main"> we all used before. Where should this element be located in an HTML document, and how many such elements can exist? A) It should be a direct descendant of an <article> element and there can only be one such element. B) It should be a direct descendant of an <article> element and there can be more than one such element.C) It should be a direct descendant of the <body> element and there can only be one such element. D) It should be a direct descendant of the <body> element and there can be more than one such element.arrow_forwardJavaScript Programming Pick a date and display the day of the week with that code <!DOCTYPE html><html><head><!-- Filename: index.htm--><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><title>Day of the Week</title><link rel="stylesheet" href="styles.css" /><script src="modernizr.custom.05819.js"></script></head> <body><header><h1>Day of the Week</h1></header> <article><h2>Day of the Week Lookup</h2><form><fieldset><label for="dateSelected">Select a date</label><input type="date" id="dateSelected" /></fieldset><fieldset class="button"><button type="button" id="determineDay">Find day</button></fieldset><fieldset><p>Day of the Week</p><p…arrow_forward
- in a html code like this --------------------------- <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="1.css"> <script src="1.js"></script> <title>Temperature Converter </title> </head> <body> <h1 id="title"> Temperature Converter </h1> <p> Convert from Fahrenheit to Celsius</p> <div class="sidebyside"> <label>Fahrenheit</label> <p> Enter Fahrenheit temperature </p> <input id="fInputValue" onkeypress="return validate(event)" maxlength="10"> <button type="button" onclick="convertToC()">Submit</button> <br> <label>result Celsius: </label> <p id="resultCValue"> </p> </div> </br> <div class="sidebyside" style="margin-top: 0px;border: none;"> <label>Result of the input </label> </br>…arrow_forwardDevelop a sample HTML page (Assn8-q2-yourname.html) using $.getJSON to collect JSON data from the OpenWeatherMap and display the weather description, humidity, temperature , description into French (or others like your home country language) and wind_speed for the two cities: Oshawa, and Pickering.arrow_forwardWhat would the HTML code be, if I wanted to provide an animation named biggerText that sets the font size to 1em, 1.2em,1.5em, and 2em at key frames located at 0%, 10%, 20%, and 100% of the animation duration?arrow_forward
- 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>…arrow_forwardImprove my HTML and CSS Code to look like the picture: <!DOCTYPE html><html lang="en"><head> <title>Trillium Media Design</title><meta charset="utf-8"> <style> body { background-color: #e6e6fa; color: #191970; font-family: Arial, Verdana, sans-serif; } h1 { background-color: #191970; color: #e6e6fa; line-height: 200%; font-family: Georgia, "Times New Roman", serif; text-indent: 1em; text-shadow: 3px 3px 5px #CCCCCC; } h2 { background-color: #aeaed4; color: #191970; } font-family: Georgia, "Times New Roman", serif; text-align: center; } nav { font-weight: bold; font-size: 1.25em; word-spacing: 1em; } p { font-size: .90em; text-indent: 3em; } ul { font-weight: bold; } </style> </head> <body> <header> <h1>Trillium Media Design</h1> </header><nav> <a…arrow_forwardi am working on Old masters code 1-3 but i keep getting an error on my this is for HTML using notepad++ my code: <!doctype html><html lang="en"><head><!--New Perspectives on HTML5 and CSS3, 8th EditionTutorial 1Coding Challenge 3 --><meta charset="utf-8"><title>Coding Challenge 1-3</title><link href="code1-3_styles.css" rel="stylesheet"/></head> <body><h1>Drawing from the Old Masters</h1> <section> <img src="drawing01.png" alt="Leonardo da Vinci"/> <footer>The Battle of Anghieari <br />— Leonardo da Vinci</footer> </section> <section> <img src="drawing02.png" alt="Jacopo da Pontormo"/> <footer>Study of a Youth <br />— Jacopo da Pontormo</footer> </section><section> <img src="drawing03.png" alt="Raphael"/> <footer>The Nativity <br />—…arrow_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