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 7, Problem 7MC
Program Description Answer
Pseudo elements in CSS are used in order to style specific parts of an element. The pseudo element that is used to generate the content that precedes an element is “:before” pseudo element.
Hence, the correct answer is option “B”.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
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…
3. Go to the project05-01.js file in your code editor. Below the initial code at the top of the file declare the timeID
variable but do not set an initial value.
4. Declare the questionList variable, storing in it the node list created by the querySelectorAll() method
using “div#quiz input" as the CSS selector.
5. Add an onclick event handler to the startQuiz object, running an anonymous function that sets the
class attribute of the overlay object to “showquiz" and repeats the countdown () function every 1 second
(every 1000 milliseconds), storing the id of the timed command in the global timeID variable you declared in
Step 3.
6. Create the countdown () function to update the quiz clock. Within the function create an if else
statement that tests whether the value of the timeLeft variable is equal to 0. If it is equal to 0, do the
following:
a. Use the clearInterval() method to cancel the timed command with the variable timeID.
b. Declare a variable named totalCorrect and set it equal…
Question 9
Program a CSS ruleset that will set the root font size for the HTML document to match the user's browser
preference.
Feedback
Question 2
Program a CSS media query that is triggered if the screen is at least 900px wide, but use em as the size unit in
the query.
Within the media query, write a rule for an element with a id equal to header. That rule should set the font
size to three times the current size.
Note: You should assume the parent element's font-size is equivalent to 16px.
@media screen and (min-width: 56.25em) {
.header {
font-size:300%;
}
}
Chapter 7 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 7.2 - Prob. 1CPCh. 7.2 - Prob. 2CPCh. 7.2 - Prob. 3CPCh. 7.10 - Prob. 1CPCh. 7.10 - Prob. 2CPCh. 7.10 - Prob. 3CPCh. 7 - Prob. 1MCCh. 7 - Prob. 2MCCh. 7 - Prob. 3MCCh. 7 - Prob. 4MC
Ch. 7 - Prob. 5MCCh. 7 - Prob. 6MCCh. 7 - Prob. 7MCCh. 7 - Prob. 8MCCh. 7 - Prob. 9MCCh. 7 - Prob. 10MCCh. 7 - Prob. 11FIBCh. 7 - Prob. 12FIBCh. 7 - Prob. 13FIBCh. 7 - Prob. 14FIBCh. 7 - Prob. 15FIBCh. 7 - Prob. 1AYKCh. 7 - Prob. 2AYKCh. 7 - Prob. 3AYKCh. 7 - Prob. 1HOECh. 7 - Prob. 2HOECh. 7 - Prob. 3HOECh. 7 - Prob. 4HOECh. 7 - Prob. 5HOECh. 7 - Prob. 6HOECh. 7 - Prob. 7HOECh. 7 - Prob. 8HOECh. 7 - Prob. 9HOECh. 7 - Prob. 10HOECh. 7 - Prob. 11HOECh. 7 - Prob. 1WRCh. 7 - Prob. 1FWD
Knowledge Booster
Similar questions
- 21. Which properties will extend a grid item so that it covers multiple rows and columns, specifically the area from row gridlines 3 to 5 and from column gridlines 1 to 3? Group of answer choices a. grid-row: 3/5; grid-column: 1/3; b. grid-row: 2/4; grid-column: 4; c. grid-column-start: 3; grid-column-end: 5; d. grid-column-start-end: 1/3; grid-row-start-end: 3/5;arrow_forwardsys.stderr = sys.stdouts form = cgi.FieldStorage() print('Content-type: text/html\n') if debugmode: cgi.print_form(form). Results: AttributeError: module 'sys' has no attribute 'stdouts' what is incorrectarrow_forwardQuestion 6 Full explain this question and text typing work only We should answer our question within 2 hours takes more time then we will reduce Rating Dont ignore this linearrow_forward
- Assignment For assignments 1 and 2, your Big-O notation and justification will be written in the HTML section of JSFiddle. You will be using the Javascript array Programming Assignment Part 1 – Using your JSFiddle account and JavaScript, you will create a program that will instantiate an integer array of a specified size. This means you must create a text box interface and a button “Create Array”. Put a default value of 100 in the Text Box. When the user clicks “Create Array” create an array and fill each array element with a random integer between 1 and 100. You will need to research the random function to do this (the JavaScript function is Math.random()). This array should be a global variable. You will next need an interface (same JSFiddle) with a second and third Text Box and button. The button will say “Insert into Array”. It will trigger a function that will read a number from the second Text Box and insert it into the array at the index of the third Text Box. This will be done…arrow_forwardFind the body:def get_line(board: str, dir: str, col_or_row: int) -> str: """Return the characters that make up the specified row, column, or diagonal from the given tic-tac-toe game board. >>> get_line(4, across, 2) XX >>> get_line(9, down, 3) OOO >>> get_line(4, down_diagonal) OO """arrow_forwardWhat is the default behavior of Overlay elements? a. Last Element listed appears on bottom b. First element listed is transparent c. First element listed is invisible d. Last element listed appears on toparrow_forward
- Create grid and play_board Step 1: Assign two variables grid_n should be assigned the integer 15 iter_n should be assigned the integer 25 Step 2: Call play_board Call play_board() with the following inputs for the parameters in play_board: bots | input should be bots_list grid_size | input should be grid_n n_iter | input sould be iter_n Upon executing the cell, you should see a a 15x15 grid, with three bots (of different shapes), wandering around the grid for 25 iterations.arrow_forwardJavaScript Assignment For this assignment you are only to use external CSS and JavaScript. This assignment shouldhave no templates or frameworks. The Fruits to be used are Apple, Orange, Pear, and Pineapple. Write the code in a way that allows it to pull the images from a folder inside the main folder named “images." The file names are as follows Apple.png, Orange.png, Pear.png, and Pineapple.png. You are to create a child's game. The game will have a title in the head of the boilerplate withyour name. The name of the game will be Fruit Game which will need to be included in theheader of the browser using a h1 element. You will display an image of a fruit. Under the imagethere will be room for text for the name of the fruit but not displayed at the start. You will havefour buttons with names for the fruits available. When the button with the fruit name is clickedthe name of the fruit will appear under the image of the fruit. If the button and the name of thefruit is the same then you…arrow_forwardIncorrect i would downvote so be sure please a request to you. I need the whole code with compilation.arrow_forward
- Please help me with this. I am having trouble understanding what to do Please create the image below using the Sample JavaScript below. Thank you JavaScript Sample Code: // For each exercise, you will want to copy and rename this function. function problem_09() { /* this statement defines an object reference to the html element that has the ID "output". You can output your results to this object. */ var outputObj = document.getElementById("output"); // this statement receives some data from the user and parses it to integer var a = parseInt(prompt("Please enter a number: ", "")); /* this statement adds a message to our output object you will need to change the message to be appropriate for each exercise. */ outputObj.innerHTML = "Input number: " + a + "<br><br>The number of 5s: "; // You will need to write your own code HERE to translate // your flowcharts to functional code. Add your results // to…arrow_forward* IN VISUAL BASICSarrow_forward2. Sketch the blocks for an app with a single button that, when clicked, sends a text "thinking about you" to one of the phone numbers 111-1111, 222-2222, and 333-3333 randomly. initialize global phoneList to make a list 111-1111 select list item İst Index 222-2222 333-3338 random integer from toarrow_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 Education
Starting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSON
Digital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSON
Database Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage Learning
Programmable 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