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 14, Problem 5HOE
Program Plan Intro
- Include the HTML tag using “<html>”.
- Include the heading tag using “<head>”.
- Open the title tag using “<title>” with appropriate title and close the tag.
- Close the heading tag using “</head>”.
- Open the body tag using “<body>”.
- Open the script tag using “<script>”.
- Declare the variable named “color” to get favorite color from user.
- Prompt the user for color and change it into uppercase letters.
- Check the condition for favorite color.
- If the favorite color is “White”, change the background color as black.
- Write the text “This is your favorite color!” on HTML page.
- Close the script tag using “</script>”.
- Open the heading tag with appropriate heading using “<h1>” tag and close it.
- Close the body tag using “</body>”.
- Include the heading tag using “<head>”.
- Close the file using “</html>” tag.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
You’re trying to use the new Canvas element in HTML5 to draw some fancy graphics on the page. You’ve been using the rect() function to draw a rectangle but the shape isn’t appearing to users of the page. What mistake have you made?
You forgot to use stroke()
You forgot to use clearRect()
You forgot to use beginPath()
You forgot to use closePath()
Create an HTML page with two paragraphs and a button. Every time the button is clicked, the contents of the two paragraphs would swap with each other.( by jquery)
Which JavaScript expression references the first element in an HTML document that belongs to the “sideBar” class?
a.
document.getElementByClassName("sideBar")[0]
b.
document.getElementsByClassName("sideBar")[1]
c.
document.getElementByName("sideBar")
d.
document.getElementsByClassName("sideBar")[0]
Chapter 14 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 14.4 - Prob. 1CPCh. 14.4 - Prob. 2CPCh. 14.4 - Prob. 3CPCh. 14.6 - Prob. 1CPCh. 14.6 - Prob. 2CPCh. 14.6 - Prob. 3CPCh. 14.8 - Describe a method that can be used to gather a...Ch. 14.8 - Prob. 2CPCh. 14.8 - Prob. 3CPCh. 14.9 - Prob. 1CP
Ch. 14.9 - Prob. 2CPCh. 14.9 - Prob. 3CPCh. 14.18 - Prob. 1CPCh. 14.18 - Prob. 2CPCh. 14.18 - Prob. 3CPCh. 14 - Prob. 1MCCh. 14 - Prob. 2MCCh. 14 - Prob. 3MCCh. 14 - Prob. 4MCCh. 14 - Prob. 5MCCh. 14 - Prob. 6MCCh. 14 - Prob. 7MCCh. 14 - Prob. 8MCCh. 14 - Prob. 9MCCh. 14 - Prob. 10MCCh. 14 - Prob. 11MCCh. 14 - Prob. 12FIBCh. 14 - Prob. 13FIBCh. 14 - The ________ object is assumed to exist and it is...Ch. 14 - Prob. 15FIBCh. 14 - A form control button can be used with a(n)...Ch. 14 - Prob. 17FIBCh. 14 - Prob. 18FIBCh. 14 - Prob. 19SACh. 14 - Prob. 20SACh. 14 - Prob. 1AYKCh. 14 - Prob. 2AYKCh. 14 - Prob. 3AYKCh. 14 - Prob. 1HOECh. 14 - Prob. 2HOECh. 14 - Prob. 3HOECh. 14 - Prob. 4HOECh. 14 - Prob. 5HOECh. 14 - Prob. 6HOECh. 14 - Prob. 7HOECh. 14 - Prob. 8HOECh. 14 - Prob. 1WRCh. 14 - Prob. 2WRCh. 14 - Prob. 3WR
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
- 2,3Please help me with this homework! 1. HTML5 a. Configure an alert message to pop up using Javascript when the page is displayed in the browser. Edit the body tag as follows: <body onload="alert ('Today only-10% off on a weekend- coupon code ZenTen');"> . The onload event handler in this case pops up an alert message. b. Add a script block to the head section as follows: <script> function validateForm () { if (document.forms [0]. myEmail. value== "") { (alert (Pleade enter an e-mail address."); return false // end if return true; } end function validateForm </script> Many thanks for your time! Khin. .arrow_forwardIf you are asked to design an advertisement page for a restaurant, it contains three images (01.jpg, 02.jpg and 03.jpg) and multiple links, all of them go to the website (https://www.youtube.com/). Write html page design that you see fit for the existence of this page with the .writing of default texts for thisarrow_forwardQ2: Write a JavaScript code to change the background color of a Webpage on the click of a button “change Color”.arrow_forward
- Create a web site that will infinitely loop over at least 4 images sequentially displayed in a canvas with a controlled speed sliderUse: javascript: setInterval, clearInterval HTML : < input type="range" > , < img >, <canvas> Please label where I can change the images at as wellarrow_forwardCreate a page with a link at the top of it that when clicked will jump all the way to the bottom of the page. At the bottom of the page there should be a link to jump back to the top of the page using html and show the full code and outputarrow_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_forward
- make this webpage in html with same colorsarrow_forwardMake a page that looks something like the picture attached below! Use your own monster, text, and colors, if you like. The monster picture needs a think border. Make sure there's space: Inside the warning box, between it and the text Outside the warning box, between it and the text Around the image border Full HTML page, as usual. Use a separate stylesheet. GIVE ALL CODES. I will upload to my server. thank you i will upvote.arrow_forwardBuild a simple HTML page that will use an image (download from internet) as a link to the a page with the following code. Note that the image should be clickable. <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Text Styling Example</title> <style> .strikethrough { text-decoration: line-through; } .underline-green { text-decoration: underline; color: green; } p { margin: 0; padding: 0; } .pink-text { color: salmon; } .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>…arrow_forward
- In JavaScript create a program with the following parameters: Create an HTML page leaving the space between the <body> and </body> tags open. In the Title type a descriptive name Between the <body> and </body> tags add the <script> and </script> tags. Create a variable named myheading and give it this value: This is My Web Page! Create a variable named linktag and give it this value: SMC website and with a link to this text. Create a variable named Introtext and give it this value: See below for odd numbers stars. Create a variable named begineffect and give it the value: <strong>. Create a variable named endeffect and give it the value </strong>. Create a variable named beginpara and give it the value <p>. Create a variable named endpara and give it the value </p>. Place all of the variable definitions into a single var statement so that you do not need to keep repeating the var keyword remember to end the last line…arrow_forwardCreate a web site that will infinitely loop over at least 4 images sequentially displayed in a canvas with a controlled speed slider Use: javascript: setInterval, clearInterval HTML : < input type="range" > , < img >, <canvas>arrow_forwardLet’s build our new web page Step # 1 Type in your editor the following lines of code: <!DOCTYPE html> <html> <head> <title>Page Title Here! </title> </head> <body> Open your .html file in a Web Browser [ Double-click on the file in explorer or launch from notepad++ ] Your page should be blank but you will have a page title Change the page title to “Weyland-Yutani Employee Data” Remember, every time you make a change that you want to see, you'll need to save the file and refresh the Web Browser. Step # 3 HTML5 uses semantic elements to group content on a web page. Some examples of these are <header>, <footer>, <nav>, <section>, and <article>. These semantic elements allow us to label certain types of information on our pages for later use with styles to separate content from presentation. It may sound a little confusing now but we’ll be working with styles in the next lab and it will make more sense then.…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
Programming with Microsoft Visual Basic 2017Computer ScienceISBN:9781337102124Author:Diane ZakPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning