Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801346
Author: FELKE-MORRIS
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Concept explainers
Question
Chapter 6, Problem 7HOE
Program Plan Intro
- Include the HTML tag using <html>.
- Include the header tag using <head>.
- Include the style on the webpage using <style> tag.
- Include an unordered list type as square.
- Include the style on the webpage using <style> tag.
- Close the header tag using </style>.
- Close the header tag using </head>.
- Open the body of the web page using <body> tag.
- Include the <div> tag.
- Include the head tag <h1> to display page heading.
- Include an unordered list using <ul> tag.
- Close the body using </div> tag.
- Include the <div> tag.
- Close the body using </body> tag.
- Include the header tag using <head>.
- Close the file using </html> tag.
Expert Solution & Answer
Trending nowThis is a popular solution!
Students have asked these similar questions
HTML/CSS: Need help in creating a sidebar header canvas for the love and hate buttons. Below are the codes and attached is image of how the sidebar header canvas must look like. Make sure to involve the correct code with the output:
index.html:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Summer School</h1>
<ulclass="content home">
<li><a href="/index.html" >Summer School Info</a></li>
<li><a href="/summerschool.html">Mainpage</a></li>
</ul>
</body>
</html>
summerschool.html:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,…
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…
Computer Science
Write a webpage that creates a game of dice using only HTML and JavaScript.
The code should make use of the HTML <canvas> element.
The webpage should inform the user of the rules of the game.
Chapter 6 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Ch. 6.4 - Prob. 1CPCh. 6.4 - Prob. 2CPCh. 6.4 - Prob. 3CPCh. 6.15 - Prob. 1CPCh. 6.15 - Prob. 2CPCh. 6.15 - Prob. 3CPCh. 6 - Prob. 1MCCh. 6 - Prob. 2MCCh. 6 - Prob. 3MCCh. 6 - Which of the following configures a class called...
Ch. 6 - Prob. 5MCCh. 6 - Prob. 6MCCh. 6 - Prob. 7MCCh. 6 - Prob. 8MCCh. 6 - Prob. 9MCCh. 6 - Prob. 11FIBCh. 6 - Prob. 12FIBCh. 6 - The ____________ is always transparent.Ch. 6 - Prob. 14FIBCh. 6 - Prob. 15FIBCh. 6 - Prob. 1AYKCh. 6 - Prob. 2AYKCh. 6 - Prob. 3AYKCh. 6 - Prob. 1HOECh. 6 - Prob. 2HOECh. 6 - Prob. 3HOECh. 6 - Prob. 4HOECh. 6 - Prob. 5HOECh. 6 - Prob. 6HOECh. 6 - Prob. 7HOECh. 6 - Prob. 8HOECh. 6 - Prob. 9HOECh. 6 - Prob. 10HOE
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
- You will write an html web page called editItem.html (or editItem.py), which links to an external Javascript file named ActionOnItem.js. The contents of editItem.html (or editItem.py) should include dropdownlist1, dropdownlist2 and a button. First Add items to the dropdown list using HTML code. Secondly, click the button MoveHere. You can add other form elements if you think are needed to complete this program with more relevant information. then you will write a .js file named ActionOnItem.js. In ActionOnItem.js file, you should write a function called moveItem( ) which receive itemName parameter and remove that item from dropdownlist1 and add that item to dropdownlist2.arrow_forwardWrite and HTML page to display a simple slot machine: The slot machine has 3 reels. Each reel has the following fruits: Grape Watermelon Orange Peach Lemon Apple Cherry Strawberry Pear Add a <button element with the text "Spin!" on the page When the user clicks the button, pick a random fruit for each reel and display the three fruits in a row as emojis It all three fruits match, output "Winner, winner, chicken dinner!" to a <div> element below the fruitsarrow_forwardWhat is the following code called? @{ ViewData["Title"] = "Employee Page";} 1. a Razor code block 2. An HTML code block 3. A CSS code block 4. A C# Classarrow_forward
- a) Given the scripts for the navigation bar (a) below, modify the scripts to make it appears as the navigation bar (b) using CSS. ul { list-style-type: none; margin: 0; padding: 0; } li{ display:inline; } Home Gallery About Us Contact Usarrow_forwardJavaBeans and JDBC The exercises listed below are intended to provide an instructive way to get used to JavaBeans and JDBC. Complete all three exercises. Exercise 1 – JavaBeans, Self-Call a) Write a page “MiniAdd.jsp” that carries out simple additions of two numbers. The JSP should: present a form where the user can specify two numbers, contain a submit button that posts back to the same page (i.e. “miniadd.jsp”), show the result of the requested addition, and also show the sum of all the additions carried out by the user so far. Create and use a JavaBean (“SumBean”) to validate user input and to perform the addition. The same bean should also be used to store the sum of all additions. (Consider that the page does not receive input parameters when it is called the first time.) b) Add a “Reset Button” to the page with which the user can reset the sum of all additions.arrow_forwardFor this incorrect code dislike please attach code with proof.arrow_forward
- 1- The following CSS rules contains errors. Rewrite the correct form of these rules. p;cool (font-weight: bold; color=red} #p1, #p4 (background: color-red)arrow_forwardCreate the following application. Give me the html, css and javascript code.arrow_forwardWrite a sample code for External CSS - The <link> Elementarrow_forward
- Create a GUI application with icons for adding things to an unordered list's top, after, bottom, and front. Your application must provide a text field that can accept a string as input for each of the add steps. The user should be able to pick both the element that will be deleted and the element that will be added afterward. Create a GUI application with icons for adding things to an unordered list's top, after, bottom, and front. Your application must provide a text field that can accept a string as input for each of the add steps. The user should be able to pick both the element that will be deleted and the element that will be added afterward.arrow_forwardQ1. POEM Form Using the poem about the days Monday-Sunday below, create a form that will return the relevant line in response to the user's choice of day. For the form it will be good idea to have a drop down list for the days. In order to display the relevant line via PHP; submission could be done to a different php page or a self-calling page could be created. Ps. For submission via JavaScript; on change event "if(this.value != '0') this.form.submit()" could be used. Days of week Poem: Monday is the very first day. On Tuesday my friends come to play. Wednesday the week is half way through On thursday I don't feel so blue On friday I get all excited On Saturday I'm invited to parties On Sunday I need rest.arrow_forwardHaving trouble with this debugging. new quotes should be visible everytime page loads up.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