Basics of Web Design: Html5 & Css3
4th Edition
ISBN: 9780134444338
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 7, Problem 1RQ
Program Description Answer
In CSS pseudo-classes, applying a default state for a hyperlink which has been visited or clicked using “:visited”.
Hence, the correct answer is option “D”.
Expert Solution & Answer
Explanation of Solution
CSS pseudo-classes:
- In a website, when a user found that the hyperlinks color has been altered during the action made by moving the mouse pointer on them, can be done using a “CSS pseudo-class”.
- CSS pseudo-class can be used to apply a special effect to a selector. One of the pseudo-classes that can be used to apply a default state for a hyperlink, which has been visited or clicked is “:visited” pseudo-class.
Explanation for incorrect options:
“:hover”
This pseudo-class can be used to trigger a selector when a hyperlink has keyboard attention.
Hence, the option “A” is wrong.
“:link”
In CSS pseudo-classes, applying a default state for a hyperlink, which has been visited or clicked using “:link”.
Hence, the option “B” is wrong.
“:onclick”
It is an event attribute and it has been triggered when a mouse click event has been occurred.
Hence, the option “C” is wrong.
Want to see more full solutions like this?
Subscribe now to access step-by-step solutions to millions of textbook problems written by subject matter experts!
Students have asked these similar questions
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);
Hello, I am challenging myself by creating a website, but I have no idea how to code it. I have tried some code, but I cannot get very far. This is the code I have so far but I believe it is incorrect:
Option Explicit OnOption Strict OnOption Infer Off
Public Class Contact Inherits Page
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
End Sub
Protected Sub btnSubmit_Click(sender As Object, e As EventArgs) Handles btnSubmit.Click
' Displays the item, price, and date of purchase. Dim strItemName As String Dim dblPrice As String Dim dtDate As DateTime
Double.TryParse(txtItemName.Text, strItemName)
End SubEnd Class
I need to make it so text is entered in txtItemName, txtPrice, and txtSaleDate. txtItemName must be a string or letter value, txtPrice must be a double or number value, and txtSaleDate must be a date/time value. When all of those are entered, and btnCalculate is clicked, it needs to…
The following Applet class method returns a URL object with the location of the HTML file that invoked the applet.a. getHTMLlocationb. getDocumentBasec. getAppletBased. getCodeBase
Chapter 7 Solutions
Basics of Web Design: Html5 & Css3
Knowledge Booster
Similar questions
- In a HTML5 document, code the followings: • Using an onload event, trigger a pop-up window showing the message «This was triggered by an event!» when the document has been loaded. • Create a button and, using an onclick event, trigger a pop-up window showing the message « Wow! This works! ». • Insert an image and then use an onmouseover event to trigger a pop-up window showing the message «This is a rollover ». 2.)Create a program that will display a message adapted to the user input data based on its age range: Age range Comment example 1 to 17 You're not major yet. 18 to 49 You are major, but not senior yet.2 50 to 64 You are senior, but not retired yet. Program's flow: • User loads the pages • User is asked to supply its age • The proper comment is displayedarrow_forwardIn CSS3 which of the following method increases or decreases the size of an element using tranform?a. rotate()b. scale()c. translate()d. matrix()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
- In CSS3 which of the following method moves an element from its current position using tranform?a. rotate()b. scale()c. translate()d. matrix()arrow_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_forwardUsing the template engine, build a page that pulls a list of shapes from the ColorShapes database and presents that list, as a form, to the webapp user. The webapp user is then prompted to select a single shape from the list. Menus or radio buttons are acceptable presentation methods for this page (radio buttons preferred). Using the template engine, build a page that takes the Shape the webapp user selected, and generates a list of Colored Shapes for the selected Shape. I will fill in for database , just leave an open spacearrow_forward
- Java script event listener help // 3) In the "myPage" section, select the third// button and assign a "click" listener. When// clicked, it should change the text content// of the third paragraph in the "myPage" section// to "Third button clicked."/////////// HINT: You should look at the HTML carefully to// make your selectors. // 4) In the "myPage" section, select the fourth// button and assign a "click" listener. When// clicked, it should add a class named// "fourthPara" to the fourth paragraph// in the "myPage" section. HERE IS THE INDEX HTML <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Practice Assignment 11</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/8.1.1/mocha.css" integrity="sha512-Ytt2foRGKdIInPXwyS3gxRvfTv4n2wi7uB7neCLH1LjExT+PKBeQu6LNVB4QpHaJqx7m2btagBs4kqxYC1QNFg==" crossorigin="anonymous" />…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_forwardWhat does the following form do on submission if we have "John" in the fname input and "Jones" in the lname input?: A) It will open up a new window or tab with the page address "/action_page.php? fname=John&lname=Jones" with the response from the submission.B) It will open up a new window or tab with the page address "/action_page.php" with the response from the submission. C) It will display the response with the page address "/action_page.php? fname=John&lname=Jones" in the original window. D) It will display the response with the page address "/action_page.php" in the original window.arrow_forward
- 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.arrow_forwardUse the given code snippet to answer the following question. <style> .one.two { Color : blue; } </style> Which HTML block should be used to display the text in red? <div id “one”> <div class = ‘two”> This should be red</div> </div> <div class =”one two”> This should be red</div> <div class =”one” id= “two”> This should be red</div> <div class =”one”> <div class=”two”> This should be red</div> </div>arrow_forwardchange below code to the example photo page. the photo is just example but the layout should be like that @extends('base') @section('main') <div class="py-12"> <div class="max-w-7xl mx-auto sm:px-6 lg:px-8"> <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg"> <div class="row"> <div class="col-sm-12"> @if(session()->get('success')) <div class="alert alert-success text-center"> {{ session()->get('success') }} </div> @endif </div> <div class="col-sm-12"> <br /> <h3 class="display-5 text-center">Room List</h3> <table class="table table-striped">…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
EBK JAVA PROGRAMMINGComputer ScienceISBN:9781337671385Author:FARRELLPublisher:CENGAGE LEARNING - CONSIGNMENT
Programming with Microsoft Visual Basic 2017Computer ScienceISBN:9781337102124Author:Diane ZakPublisher:Cengage Learning
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning