Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801148
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Concept explainers
Expert Solution & Answer
Chapter 6, Problem 14FIB
Program Description Answer
In CSS pseudo-classes, “:hover” is a pseudo-class used to alter the display of the hyperlinks when a mouse pointer moves over them.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these 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.
a programmer wants to have a video file on his website the video should start playing as soon as user opens a web page on which the video has been inserted the blank element will be used to process information to the video file
The following JavaScript code displays content inside a page. The content comes froman untrusted place. If the content, which is supposed to be data only, contains JavaScriptcode, can the code be executed? Why?
const iframe = document.createElement("iframe");iframe.srcdoc = content;iframe.sandbox = "";document.body.appendChild(iframe);
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
- What 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_forwardAssume you have the following html code: <html><head> <style> /* Your code goes here */ </style> </head><body><div class="container"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p></div></body></html> Add the following internal CSS styling rules to the code; you may use CSS class selectors as needed: For the div The width is 500px. Set the background color to green and the border should be solid yellow color with 5px thickness. The margin distance from the top is 20px. For the paragraph “p” Set the background color to red, text color to white. The padding for all the directions should be 50px.arrow_forward7.16 LAB: JavaScript Tic-Tac-Toe In this lab, you will write JavaScript to implement a Tic-Tac-Toe game, as shown below. The human is X, and the computer is O. A "New game" button starts a new game. Investigate the page elements The given index.html file contains all needed page elements for a game of Tic-Tac-Toe: A div with ID gameBoard and 9 buttons forms the game board. CSS in tictactoe.css converts the div and buttons into a 3x3 grid. A paragraph with ID turnInfo, initially containing text "TURN INFO", indicates the turn is the player's or computer's. A "New game" button with ID newGameButton allows the player to clear the board and start a new game. Investigate the stylesheet The given tictactoe.css file contains .x and .o rules to set the X and O button colors. Other CSS rules style the grid and buttons. Investigate the JavaScript The given tictactoe.js script has six declarations: playerTurn: Boolean variable that is true when the turn belongs to the player and false…arrow_forward
- Following is a JSON file, “menu.json” that stores the menu of an institute's mess. { “Menu”: { "Non_Veg": [ { "DISH": "Biriyani", "TYPE": "Chicken" }, { "DISH": "Starter", "TYPE": "Chicken Lollipop" } ], "Veg": [ { "DISH": "Rice", "TYPE": "Kashmiri Pulao" }, { "DISH": "Starter", "TYPE": "Crispy Veg" } ] } } Design a HTML page that has a form with: A text field to enter the choice of food (Veg or Non Veg). A button to submit the value. Write a JavaScript code that would make an AJAX request to menu.json which is stored in a server and display the list of Veg/Non Veg items depending on the entered choice in a table format. For example, if choice is entered as veg the following table should be displayed in the page:arrow_forwardI have this code for word app API and I need to Create a client-side application that provides a user interface to manage multiple collections of words using the API developed earlier.1. Create an HTML file under words-app/public/index.html. You can access and test this page using http://localhost:3000/index.html.arrow_forwardHTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the following html dynamic application What is the output when the button is clicked ?( describe the visual effect when the button is clicked) Modify the output from the original web page, so that the html will create and place a new red div as illustrated inside the existing grey div and then transfers the paragraph inner content at run-time ( inside the javascript function ) from the paragraph inside the grey div into the red div as illustrated. DO NOT DO this by placing the paragraph content inside the div within the static HTML page, use the document object model to access elements from the paragraph and transfer content into the div element as illustrated <! DOCTYPE html> <html> <head> <title> First Illustration</title> <link rel="stylesheet" type="text/css" href="first_ill_RRR.css"> <script src="project_6p.js"…arrow_forward
- Look at following HTML: //code start <ul class="nav"> <li><a href="/item1">Item1</a></li> <li><a href="/item2">Item 2</a></li> <li><a href="/Item3">Item 3</a></li> <li class="nav-right"><a href="/Item4">Item 4</a></li> </ul> //code end How can a CSS rule be applied to every list item that comes after another list item?arrow_forwardcan you varify the address for example if i do not have a "-" or a "st" then it prints out invalid so if i put 32-12 46st then it should be valid if anything else it says invalid PLEASE DO NOT COPY THE OTHER GUYS THAT DID THIS <!DOCTYPE html> <html> <head> <title>document</title> </head> <body> <input type="text" id="Address"> <label id="AddressLbl"></label> <br><br> <button onclick="clickme()">Click Here</button> <script> function clickme() { if (document.getElementById("Address").value == "") { document.getElementById('AddressLbl').innerHTML = 'Mandatory'; } else if (document.getElementById("Address").value == "-" || document.getElementById("Address").value == "st") { document.getElementById('AddressLbl').innerHTML = 'valid'; } else {…arrow_forwardq32- What type of HTML list will automatically place a number in front of the list items? Select one: a. numbered list b. description (definition) list c. ordered list d. unordered list Clear my choicearrow_forward
- Task question: Step 1. 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. Step 2. 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. Step 3: when MoveHere’ button is pressed and display result on your HTML page. Step 4. Extend your programs by creating a new function called countItem() in ActionOnItem.js that calculates and displays number of items on both dropdownlist1 and dropdownlist2. You can add another…arrow_forwardJavascript allowsWrite a page using a balloon emoji (?). When you push the up arrow, it should increase 10%, and when you press the down arrow, it should decrease 10%.Emoji are text, hence adjusting its parent element's font-size CSS property (style.fontSize) controls its size. Remember to provide a unit, such as pixels (10px)."Arrow Up" and "Arrow Down" are the arrow keys. Make sure the keys modify the balloon without scrolling.arrow_forwardHTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! TRUE OR FALSE Strings can be processed and parsed one character at a time in javascript statements either by employing sname[ index] or alternatively employing sname.substring(index,index+1), where index is a position in the string sname? A web page contains a master div element. The embedded inner elements of the master div consist of paragraphs which have embedded span elements. The master div element has the id name main . To access all the span tabs within all paragraphs one could employ the following statements as shown in order?arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L