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
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
this is a "landing "html ,the code is like this
landing .html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>store </title>
</head> <header class="container-1"> <a href="main.html" target="myFrame"><img src="images/logo.PNG" alt="logo" class="logo"></a>
<nav> <ul>
<li><a href="main.html" target="myFrame">Home</a></li> <li><a href="glass.html" target="myFrame">glass</a></li> <li><a href="snack.html" target="myFrame">mouse</a></li> <li><a href="mouse.html" target="myFrame">snack</a></li> <li><a href="cart.html" target="myFrame">cart</a></li>
</ul> </nav>…
Which element causes browsers to automatically add a line break after the
Why is the pink part of the code not working? Im trying to get the first sentence shown as pink but it is showing as black.
<html lang="en">
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>question 2</title> <style> .strikethrough { text-decoration: line-through; }
.underline-green { text-decoration: underline; color: green; }
p { margin: 0; padding: 0; }
.pink-text { color: salmonpink; }
.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> <br> <p class="blue-text">If x = 4,…
Chapter 7 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
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. 1WRCh. 7 - Prob. 1FWD
Knowledge Booster
Similar questions
- Which of the following statements is true? A Any particular HTML5 form input types must render identically in every HTML5- compliant browser. B If the user enters an improperly formatted URL in a url input type, it will not validate. HTML5 does not validate that the URL entered actually exists. C The header element may be used only one time on a page. D When the focus is placed in the text field (i.e., the cursor is in the text field), the placeholder text is submitted to the server. All variables declared in function definitions are ____________ variables. A local B global C constant D specialarrow_forwardWhich code snippet will display an image named myimage.png that will be redirected to index.html when the link is selected. 1) <img href “index.html” src “myimge. Png”> 2) <a href “index.html” src “my imge. Png” /></a> 3) <img href “my image.png”> index,html</a> 4) <a href “my image.png” ><img src “index. html” /></a>arrow_forwardthis is a html file <!DOCTYPE html> <html lang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width, initial-scale=1.0"> <title>store </title> </head> <headerclass="container-1"> <ahref="main.html"target="myFrame"><imgsrc="images/logo.PNG"alt="logo"class="logo"></a> <nav> <ul> <li><ahref="main.html"target="myFrame">Home</a></li> <li><ahref="glass.html"target="myFrame">glass</a></li> <li><ahref="snack.html"target="myFrame">mouse</a></li> <li><ahref="mouse.html"target="myFrame">snack</a></li> <li><ahref="cart.html"target="myFrame">cart</a></li> </ul> </nav> </header> <mainclass="frame-style"> <iframesrc="main.html"name="myFrame"allowfullscreen></iframe> </main> </body> </html> can anyone…arrow_forward
- this html code runs like this <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="/css/style.css"> <title>Login</title> <script type="application/javascript"> function validate() { const data = new URLSearchParams(); data.append('name', document.getElementById("name").value); data.append("password", document.getElementById("password").value); var params = { name: document.getElementById("name").value, password: document.getElementById("password").value }; var request = new XMLHttpRequest(); request.open("POST", "/api/login"); request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");…arrow_forwardCreate an HTML form that works for the following php file. <?php $formEmailAddress = $_POST['email']; //pull email address from the form data $formTopic = $_POST['topic']; //pull topic from the form data echo "<h1>Email $formEmailAddress </h1>"; echo "<h1>Topic $formTopic </h1>"; ?><!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>contact form response</title><style type="text/css">#container { width: 800px; border: 1px solid black; padding: 10px; margin: 10px auto; }.colorRed { color: #F00;}</style></head> <body><div id="container"> <hr><p> </p> <?php echo "<p class='colorRed'>This page was created by PHP on the server and sent back to your browser. </p>"; //It will create a table and display one set of name value…arrow_forward3- The user wants to insert an image with the filename: UTAS.JPG with a height and width of 50px and an alternate text “Salalah”. When the image is clicked, it will link to the UTAS-Salalah website. Which of the following HTML code is suitable for the given instructions? a. <a href=”https://www.sct.edu.om”><img src=”UTAS.JPG” height”50 px” width ”50 px” alt ”Salalah”></a> b. <a href=”https://www.sct.edu.om”></a><img source=”UTAS.JPG” height=”300 px” width=”300 px” alternate=”Salalah”> c. <a href=”UTAS”><image src=”UTAS.JPG” height width=”50 px” alt=”Salalah”></a> d. <a href=”https://www.sct.edu.om” ><img src=”UTAS.JPG” height=”50 px” width=”50 px” alt=”Salalah”> </a>arrow_forward
- <!DOCTYPE html><html><head><style>p {font-family: arial; font-size: 20px;} </style></head><body> <button onclick='buyApple()'>Purchase Appple</button><button onclick='buyOrange()'>Purchase Orange</button> <!-- This marks space for a paragraph that we can update during the program --><p id="balance"></p> <script>// javascript code begin// Step 1. initialize variables:change=100 // starting balanceapple=10 // price of 1 appleorange=20 // price of 1 orangetortilla=30 // price of 1 tortillafoundMoney=25 // pretend found $25// initialize the user-interface when this page loads:document.getElementById("balance").innerHTML = "$"+change;// Step 2. define event functions for each buttonfunction buyApple(){change -= apple;document.getElementById("balance").innerHTML = "$"+change;}function buyOrange(){change -= orange;document.getElementById("balance").innerHTML = "$"+change;}// Make 2 more functions here,…arrow_forwardYou have a page with 3 paragraphs. How would you assign the second paragraph the following text: "Working hard works". Explaine, please! document.getElementByTagName('p').value = "Working hard works."; document.getElementsByTagName('p')[1].innerHTML = "Working hard works."; document.getElementsByTagName('p').innerHTML = "Working hard works."; document.getElementsByTagName('p')[2].innerHTML = "Working hard works.";arrow_forward- two different levels of header - an unordered list - an ordered list - several paragraphs ## Styling Elements Choose some text and change the color. It's up to you to choose which text, which color, and how to accomplish this! ## Adding Images Embed an image at the bottom of the document. https://placekitten.com/ is a good source for a placeholder image to use here. !DOCTYPE html> <html> <head> <style> .red-text { color: red; } </style> </head> <body> The Main Header An introductory paragraph. This is some filler text to make this paragraph longer. 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. ordered list item 1 ordered list item 2 A Sub Header Another introductory paragraph, but there's not going to be filler this time it's just this. unordered list…arrow_forward
- By using this code, add code to let the content of "p2" changes to " Hello World ", when the mouse comes over any of these three paragraphs <html> <head> <script src="jquery-2.1.4.min.js"></script> <script> $(document).ready(function(){ $("p").mouseenter(function(){ }); </script> </head> <body> <p>Artificial intelligence</p> <p id="p2">Robots </p> <p> 2021 </p> </form> </body> </htmlarrow_forwardHow many elements are in the array my_array at the end of the code execution? <!DOCTYPE html> <html> <head> <script> const fruits = ["Banana", "Orange", "Apple" ]; fruits.push("Mango"); fruits.unshift("Guava"); fruits.pop(); </script> </head> <body> <h1>My Web Page</h1> </body> </html> A. 3 B. 4 C. 5 D. 6 E. None of the abovearrow_forwardI need to change this code so that there is no button, and the jackhammer animation starts as soon as the page loads. <!DOCTYPE html><html><head> <!-- CIS213 Unit 3, Graded Exercise 1 Author: Michael Porter Date: 9/15/22 --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Unit 3 Graded Exercise 1</title></head><body> <h1>Michael Porter, JackhammerMan Exercise</h1> <img id="imgJackhammer" src="jackhammer0.gif" width="113" height="100" alt="Image of a man with a jackhammer."><br> <button onclick="startBouncing()">Start Bouncing</button> <script> var jackhammers = ["jackhammer0.gif", "jackhammer1.gif", "jackhammer2.gif", "jackhammer3.gif", "jackhammer4.gif", "jackhammer5.gif", "jackhammer6.gif", "jackhammer7.gif", "jackhammer8.gif", "jackhammer9.gif",…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning