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 3HOE
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.
- Open the script tag using “<script>”.
- Inside the script tag, mention the alert pop-up using “alert()” method with welcome message.
- Close the script tag using “</script>”.
- Open the body tag using “<body>”.
- Open the heading tag with appropriate heading using “<h2>” 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 solutionStudents have asked these similar questions
Practice writing event handlers.
Write the HTML tag and event handler to pop up an alert message that says “Welcome” when the user clicks a button.
Write the HTML tag and event handler to pop up an alert message that says “Welcome” when the user moves the mouse pointer over a hypertext link that says “Hover for a welcome message”.
Write the HTML tag and event handler to pop up an alert message that says “Welcome” when the user moves the mouse pointer away from a hypertext link that says “Move your mouse pointer here for a welcome message”.
Practice writing jQuery selectors:
Write the jQuery selector that will select all anchor tags in the main element.
Write the jQuery selector that will select the first div on a web page.
in javascript Create a function that will load a new image from the website https://cataas.com/cat every 10 seconds, and will stop this interval when the SPACEBAR is pressed.
Hands-On Project 1-3In this project, you will explore how to write text to a specific element in your web page in response to theonclick event handler. To complete the exercise, you will apply the following JavaScript expression:document.getElementById('id').innerHTML = 'text';where id is the value of the id attribute for the page element and text is the text of the content to be writteninto the element. You will use this expression to enhance a web form by displaying the message “Thank you foryour order” when the user clicks the Submit button. Figure 1-25 shows the completed web page.Do the following:1. Use your code editor to open project01-03_txt.html from the HandsOnProject_01 folder. Enter your name and the date in the comment section of the document and save it as project01-03.html.2. Scroll down to the bottom of the file and locate the input element for the Submit button.3. Add an onclick event handler to the <input> tag that changes the innerHTML value of the page element…
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
- In Javascript, Create a mouseOver event function, that will change the colour of an HTML item (i.e. a button or a list item) to green, then to black after 5 secondsarrow_forwardA02-02 Create a webpage A2-Task2.html. The webpage is displaying one image. Each time the user moves the mouse out of the image, the image is changed to another one and one more 'sun' emoji is displayed under the image. When the number of 'suns' reaches seven (7), all suns are deleted (reset) and start to be displayed again. For example, the 8th time user moves the mouse out of the image, one 'sun' is shown, the 9th time - two 'suns', and so on. Note: - You should use two images. Each time the user moves the mouse out of the image, the image is changing. If an image of "Winter" is displayed it will change to "Summer", and opposite, if an image of "Summer" is displayed it will change to "Winter". The special character code for the 'sun' is "☀". - Put the source code of your website A2-Task2.html here. Make sure you also upload the A2-Task2.zip of all files below.arrow_forwardA developer is the person who creates a web page that prompts a user to provide their personal information. Which method should be applied so that the data may be sent in the appropriate manner? A. Get It, B. Put It Out, C. Finish It, D. Do Something About Itarrow_forward
- Instruction : Please add some css on the alert boxes. Change the color. Thank you! The HTML code with javascript is already provided. You just need to customize the alert prompt. Thanks! CODE: <!DOCTYPE html> <html lang="en"> <head> <title>Applying Javascript in HTML</title> <script> function userPrompt() { var lastName = prompt("Enter your Last name:"); var firstName = prompt("Enter your First name:"); alert("Hello " + lastName + ", " + firstName + "!"); const number1 = parseInt(prompt("Enter your 1st number:")); const number2 = parseInt(prompt("Enter your 2nd number:")); const sum = number1 + number2; alert("The sum is: " + sum); confirm(lastName + ", " + firstName + " you have added the numbers: " + number1 + " & " + number2 + " and got the sum: " + sum + "."); } </script> </head> <body onload='userPrompt()'>…arrow_forwardHTML PROJECTarrow_forwardQ2: Write a JavaScript code to change the background color of a Webpage on the click of a button "change Color".arrow_forward
- 1. When the user clicks on a picture and it opens a window containing a zoomed version of the image, give her a hyperlink (button) to add the pic to a favorites’ area at the bottom of the first page (add img nodes to the DOM). 2. A maximum of 5 pics can be added to the favorites. After that a message is displayed to remove at least a favorite first. 3. If the user clicks on a favorite, a Remove link (button) shows up next to that picture. If the user clicks it, the pic is removed from the favorites. 4. (10% of the grade) Use good web design practices to enhance visually your html page. Add a title, picture, copyright line, etc.arrow_forwardPlease write a JavaScript code that gets the three numbers respectively and then on the HTML page (in a yellow background) writes a message about whether or not these three numbers can form a triangle. Your code for this problem Copy and paste your code here Run the code and insert the result in the following box. The result Copy and paste the result here (e.g. the screenshot of the result you get by running the code).arrow_forwardCreate a web page with three paragraphs and three buttons. Write code for these buttons by following the instructions given below: When button1 will be clicked, color of first paragraphs should be blue. When button2 will be clicked, color of first two paragraphs should be red. When button3 will be clicked, color of all paragraphs should be green.arrow_forward
- Write a complete code for an HTML page containing a JavaScript program that displays an alert dialog box with your first name and last name on this alert box.arrow_forwardWhen web pages are uploaded, a "MIME" header is included to help identify them from email messages. What's the purpose of this?arrow_forwardCreate a login page and signup page and link them together using JAVAFX and FXML. Please show the code in order, print and image, and show the output in the answerarrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Microsoft Visual C#Computer ScienceISBN:9781337102100Author:Joyce, Farrell.Publisher:Cengage Learning,
Microsoft Visual C#
Computer Science
ISBN:9781337102100
Author:Joyce, Farrell.
Publisher:Cengage Learning,