L Encircle the letter of the correct answer. Choose the best answer,What happen to the element when the value of display property is none?A The element will be placed at the right side of the container.B. The element will be displayed inline with other element.C The element will not be seen by the viewer since it is completely removed.O The element will not be seen since it will be displayed outside of the html document.2. A CSS property that specifies the type of positioning method used for an elementC. floatD. displayA. positionB. style3. Given the CSS code below. What is the value of display property?span#mySpan {background-color:red;display:none;C. inlineD. noneA. blockB. inline-block4. What is the value of float property when you have the result below?This is an ElementC. leftA. rightB. bottomD. top5. The value of display property in which the element itself is formatted as an inline element, but youcan apply height and width values.A. noneC. inlineB. inline-blockD. block6. A CSS property that specifies how an element should float?A. positionB. styleThe value of position property in which the element is positioned relative to its first positionedC. floatD. display7.ancestor element.A. fixedB. absoluteWhat icon will be displayed when you use the class value of fa fa-home from the font-awesomelibrary.C. relativeD. sticky8.A.С.B.D.What is meant by this CSS code top:80px;?A. The element will display the left side at 80 pixels from the parent element.B. The element will display the top side at 80 pixels from the parent element.C. The element will display the right side at 80 pixels from the parent element.D. The element will display the bottom side at 80 pixels from the parent element.Which of the following CSS code that will float the sidenav button to the left?A. position: left;B. display: left;9.10.C. float:left;D. left: left;

1. Encircle the letter of the 1 What happen to the element when the value of display property is none? the best answer. A The element will be placed at the right side of the container. B. The element will be displayed inline with other element. C The element will not be seen by the viewer since it is completely removed. O The element will not be seen since it will be displayed outside of the html document. that soecifies the tyne of porltioni

1. Encircle the letter of the 1 What happen to the element when the value of display property is none? the best answer. A The element will be placed at the right side of the container. B. The element will be displayed inline with other element. C The element will not be seen by the viewer since it is completely removed. O The element will not be seen since it will be displayed outside of the html document. that soecifies the tyne of porltioni

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 5CP4

See similar textbooks

Similar questions

Write one CSS rule for the following task: Style an article element so that: its padding is 32px, its width, including padding, is one third of its parent container width, float it to the right side of the screen. Write one CSS rule for the following task: Style a footer element so that: it clears any prior floating elements, its width is 90% of its parent container width, its width is but no smaller than 768px, its width is no bigger than 1024px, centre the footer horizontally, regardless of the screen size. Write the HTML for: The footer of a page that includes an image with the following source https://learndigital.dev/DGL103/logo.png; The image must link to the homepage of the website when clicked on; The image must include descriptive text that screen readers can access; The image must be 160px tall and wide. Write a CSS style so that the footer (DON'T include more CSS than you need to): has a background colour. has a height of 300px. Use 2 different methods to move…
I'm trying to learn CSS and it isn't easy. Can someone help me with this problem? Modify or add one CSS rule for each requirement below to change the text color property as specified. By color name: change the text color for byname class elements from black to blue. By RGB values: change the text color for byrgb class elements from black (rgb(0, 0, 0)) to green by modifying the second number to be 255. By HSL values: change the text color for byhsl class elements from black (hsl(0, 0%, 0%)) to cyan by modifying the first number to be 200, the second number to 100%, and the third number to 50%. Code: <p class="byname">The text is blue</p> <p class="byrgb">The text is green</p> <p class="byhsl">The text is cyan</p>
Open your text editor: Please complete this code in HTML  create a new file and name it “Lec_Ex4_2.html”  create a new file and name it “style_2.css”  Type the 8 lines in the html(basic html structure).  Add this line to the head section of html:  Write these lines in the body of the html: <div id=“title”><h1>Your name</h1></div> <div id=“container1”> . </div> Style it in the CSS: #title{ background-color:blue;} #container1 {background-color:red;} If we don’t specify the width of the div element,it will take up the full width available. We can specify the width and height of the divusing percentages or pixels. Percentages are flexible (changes according tothe screen size), and pixels are fixed. Add the following property to both divs: Width:80%; This is comparing to the full screen  For the title div: Padding:2%; For the container div: Height: 400px; Height can also be made with percentages, butpixels are preferred.  Your…
Write a JavaScript code with the following three different conditions: • Create the HTML document containing an element with id="myImage" for any images you want. • Use the HTML DOM to get the element with id="myImage". • Write a JavaScript function to change the JavaScript src attribute of element from " pet.gif" to " cat.jpg" when clicking on a button. Note: Students can use any gif and jpg files according to their choice. Important notes: 1. You should have to copy and paste the script as your answer to this question. DON’T take a screenshot for your script. It must be an editable script. 2. Take a screenshot of your output web page and paste it as a part of your answer.
Please help me with this. I am not understanding what to do. Please fix the code to the display all contents of the image below. I DONT NEED IT TO DISPLAY ALL. ALL CONTENTS OF THE IMAGES ARE SHOWING EXECPT FOR WHEN IT GIVES THE RESULTS OF THE GAMES AT THE BOTTOM (e.g. Player 2 wins, etc.) HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title> Task 5 </title> <link href="style.css" type="text/css" rel="stylesheet"> <script src="task5.js"></script> </head> <body> <div id="box"> <p style="font-family: monospace;" class="newdata"> Rock, Paper, Scissors </p> <p></p> <button id="button" onclick="playGame();"> Play </button> <p></p> <p style="font-family: monospace;" id="mydata" class="newdata"></p> </div> </body> </html> JAVASCRIPT: // Global variables to…
ANSWER THE FOLLOWING MULTIPLE CHOICES 1. Which CSS property configures the capitalization of text?a. font-typeb. text-transformc. text-decorationd. font-weight2. The ___________________ property configures a shadow effect on the text displayedwithin an element.a. font-weightb. shadowc. text-shadowd. font-style3. Choose the item that creates an image link to the school.htm page when the school.gifgraphic is clicked.a. <a href="school.html" src="school.gif" alt="school"></a>b. <a href="school.html"><img src="school.gif" alt="school"></a>c. <img src="school.gif" href="school.htm" alt="school">d. none of the above4. Select the best reason to include height and width attributes on an <img> tag.a. they are required attributes and must always be includedb. to help the browser render the page faster because it reserves the appropriate space for theimagec. to help the browser display the image in its own windowd. none of the above5. Select the browser’s…
Please help me with this. I am not understanding what to do. So the code below is supposed to display images when the checkboxed are clicked and display nothing when they are unclicked,. Dont worry about the css code JS function p01Func() { document.getElementById("description").innerHTML = "<p>A mother joins an underground band of vigilantes to try to rescue her daughter from a state-run institution.</p>"; document.getElementById("poster").src = "images/night_raiders_poster.jpg"; document.getElementById("poster").style.display = "block"; document.getElementById("director").src = "images/night_raiders_director.jpg"; document.getElementById("director").style.display = "none"; document.getElementById("actors").src = "images/night_raiders_actors.jpg"; document.getElementById("actors").style.display = "none"; document.getElementById("check1").checked = false; document.getElementById("check2").checked = false; document.getElementById("check3").checked = false;}…
We need to create a picture card using HTML/CSS. By the criteria of following requirements: Create a picture card that looks like this with any background picture and any icon! Requirements: In this screenshot, the title is "Title goes here", the secondary text is "Secondary text", and the body text is "Greyhound divisively hello coldly wonderfully marginally far upon excluding." The card's root element is a <div> with a class of "card". The card is 344px wide. The desert picture is 194px tall. The padding between the body text and everything else is 16px. The color of the title text is #000. The color of the secondary and body texts is #232F34. The size of the person picture is 40px in diameter. The size of the body text is 11px. The size of the title is 22px. For the padding or margin around any other elements, use your best judgment to make it look like the screenshot. Transitions When a person moves their pointer over a picture card, then the card gets a shadow of…
4.4 Write a CSS rule that places a background image halfway down the page, tiling it horizon- tally. The image should remain in place when the user scrolls up or down.4.5 Write a CSS rule that gives all h1 and h2 elements a padding of 0.5 ems, a dashed border style and a margin of 0.5 ems.4.6 Write a CSS rule that changes the color of all elements containing attribute class = "greenMove" to green and shifts them down 25 pixels and right 15 pixels.
I need help with adding the changes I have added everything I have so far below you simply need to cut and paste it into an HTML/CSS Compiler <!DOCTYPE html><html lang="en"> <style> /* colors.css */ .sticky-note { /* DON'T EDIT ME */ color: black; background: #D29DE9;}.sticky-note-title { /* DON'T EDIT ME */ color: inherit;}.sticky-note-body { /* DON'T EDIT ME */ color: inherit;} /* formatting.css*/ .sticky-note-title { /* DON'T EDIT ME */ padding: 1rem; font-size: 2rem;}.sticky-note-body { /* DON'T EDIT ME */ transform: rotate(0); padding: 1rem; font-size: 1.5rem;}.sticky-board { /* DON'T EDIT ME */ margin-top: 2em; display: flex; padding: 3em; flex-wrap: wrap; gap: 1em; justify-content: center;}.sticky-note { flex-shrink: 0; width: 20em; height: 20em; /* Add styles here */ }#first { transform: rotate(75deg); transition: transform 500ms; }#second {…
Question 1 What are the problems with the above code? Consider the syntax, structure, and writing style. Question 2 Write CSS code that tidies up the above code. Your code should minimise the use of inline style. Queston 3 Add a CSS selector for all paragraphs (p elements) under div elements with class “exam” to make their background colour blue.
Make a page that looks something like the picture attached below! Use your own monster, text, and colors, if you like. The monster picture needs a think border. Make sure there's space: Inside the warning box, between it and the text Outside the warning box, between it and the text Around the image border Full HTML page, as usual. Use a separate stylesheet. GIVE ALL CODES. I will upload to my server. thank you i will upvote.