14. Configure hyperlinks in the header area. Use descendant selectors to configure hyperlinks within the header element with no underline, dark brown (#231814) text color for the :link and : visited pseudo-classes, and rust (#FEF6C2) text color for the : hover pseudo-class.

14. Configure hyperlinks in the header area. Use descendant selectors to configure hyperlinks within the header element with no underline, dark brown (#231814) text color for the :link and : visited pseudo-classes, and rust (#FEF6C2) text color for the : hover pseudo-class.

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter8: Enhancing A Website With Multimedia: Working With Sound, Video, And Animation

Section: Chapter Questions

Problem 20CP3

See similar textbooks

Similar questions

Create an interactive sign-up sheet.● Make the sign-up sheet interactive for the user.● Add a selection element to ask the user for their gender. Add the options “Male,” “Female,” and “Prefer not to mention.”● Use onblur and onfocus to add red borders to the input elements when the user leaves without any input, and a green border if a value is typed and the user is done with the input element.● Upon submission of the form, print all the information that the user has provided on a div or p tag at the bottom of the page.● Use fieldset and legend tag to separate the input part from the output part of the form.● Include a reset button to clear users input and also the information displayed at the bottom of the page.● Feel free also to design your own version and add other features.
Below the main element, add a comment with the text Footer. Below the comment, add a footer element that includes a class attribute with a value to make a fluid jumbotron, center align text, and padding of 5. Nest the following div element within the footer element: <div class="container text-white"> <p>© Copyright 2021. All Rights Reserved.</p> <p><a href="mailto:contact@wildrescues.net" class="text-white">contact@wildrescues.net</a></p> <a href="https://www.facebook.com" target="_blank"><img src="images/facebook-logo.png" alt="white Facebook logo" class="pr-4"></a> <a href="https://twitter.com" target="_blank"><img src="images/twitter-logo.png" alt="white Twitter logo"></a> </div> Need to Add the footer element with the required class selectors. The index.html is: <footer>  <footer…
When the user clicks on the show/hide link, a function should be called to toggle between hiding and showing the description paragraph <p id="desc"> element. The paragraph should be displayed if it was hidden and it should be hidden if it was displayed ? Note: to show and hide an html element you should use CSS layout display property.
Design a web page by using div, h1, h2 and image elements as given below. Implement also the box model to set the image in proper way. All the design of elements should be implemented in internal style sheet. Div Animal Pictures Koala Penguins Div Koalajpg Penguinsjpg Image
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…
Design a web page by using div, hl, h2 and image elements as given below. Implement also the box model to set the image in proper way. All the design of elements should be implemented in internal style sheet. hi Div Animal Pictures Koala Penguins Div Koalajpg Penguinsjpg Image
Design a web page by using div, h1, h2 and image elements as given below.Implement also the box modelto set the image in properway. All the design of elements should be implemented in internal style sheet. hi Div Animal Pictures h2 Koala Penguins Div Koalajpg Penguinsjpg Image
Use jQuery to create a launcher with the properties below. The data files include all the necessary HTML and CSS code; you do not need to modify the HTML or CSS. Add the necessary jQuery code to make the launcher work. Your launcher should have the following properties: The launcher starts hidden from the page. When the user clicks the launcher button (bar at top of page), three things happen: The launchpad slides down. It takes 1/2 second to slide down. The "instructions" paragraph fades in. It takes 1/2 second to fade in. The red box that you are going to animate ("box") appears. Each of the three icons that appears on the launchpad is a button ("one", "two", "three"). When the user puts the mouse over the button, it animates the red box. When the user moves the mouse out, the box animates back to its original size and position. The three animations: One: The box moves 300px to the right, and grows in width and height by 150px. Two: The box shrinks by 125px in width and…
I need help with this, please. Thanks Develop an Expand/Collapse application using JQUERYIn this exercise, you’ll develop an application that displays the first paragraph of text for three topics and then lets the user click a link to expand or collapse the text for each topic.2. Review the HTML. Note that each topic consists of two div elements followed by an <a> element. Also, note that a class named “hide” is assigned to the second div element of each topic. Then, review the style rule for this class.3. In the JavaScript file, add an event handler for the ready() event method.4. Within the ready() event method, code an event handler for the click() event method of the <a> elements. This event handler should start by preventing the default action of the link and storing the clicked link in a constant. Then, it should use the toggleClass() method to add or remove the “hide” class from the div element above the link element that’s clicked depending on whether that class is…
Make sure to place the CSS code in the "start.css" file and adjust it according to your requirements. Note: The code assumes that you have appropriate CSS styles to handle the card flipping animation and the `.flipped` class to flip the cards. You can add those styles in the "start.css" file.here is the css: body{ background-image: url(startt.png); background-repeat: none; background-size: cover; margin: 0; padding: 0; overflow: hidden; } img{ height: 190px; width: 140px; border-radius: 10px; } .images img:hover { transform: scale(1.2); box-shadow: 0 0 10px 3px hotpink; } .whole{ display: grid; grid-template-columns: repeat(4, 0fr); grid-template-rows: repeat(3, 0fr); padding: 0px; margin-left: 460px; margin-top: 50px; } .images{ padding: 10px; text-align: center; } #back{ color: #191970; font-family: "Franklin M54"; src: url("Franklin M54"); font-size: 20px; margin-left: 10px; } #back a:hover{ background-color: #FFC7D9; display:…
final ImageIcon icon = new ImageIcon(new URL("http://www.gravatar.com/avatar/a1ab0af4997654345d7a949877f8037e?s=128&d=identicon&r=PG")); JOptionPane.showMessageDialog(null, "Blah blah blah", "About", JOptionPane.INFORMATION_MESSAGE, icon); what is the equivalent code of c# is that?? a custom icon on message box
Open index.html in your browser to view the file. Add the text, CH 5 Extend Your Knowledge, to the title element. Open the styles.css file and locate the "sticky” comment and create a style rule for the sticky class selector with the following rules: Add a declaration for the position property with a value of -webkit-sticky. Add a declaration for the position property with a value of sticky. Add a declaration for the top property and specify a 0 value. Refresh your page, and scroll down to view the changes. In the index.html file, use the empty paragraph element within the sticky div element to briefly explain how to use the sticky position. In the styles.css file, locate the “relative” comment and create a style rule for the relative class selector with the following declarations: Add a declaration for the position property with a value of relative. Add another declaration for the top property and specify a value of 90px. Add another declaration for the left property…