CSCI 202 final
Set a linear gradient background for the <div> element, going from the right to left, transitioning from "red" to "yellow".
#grad1 { height: 200px; background: red; background: linear-gradient(red, yellow); }
PHP server scripts are surrounded by delimiters, which?
$
Which animate () method will set an id top to 100 pixels on top and duration of the effect to be 'slow'?
$("#top").animate({top: '100px'}, "slow");
Which animate () method will set the CSS properties for div: opacity to 0.6, height to 500px and width to 500px?
$("div").animate({opacity: '0.4', height: '500px', width: '500px'});
What is the correct jQuery code to set the background color of all p elements to red?
$("p").css("background-color","red");
Using Chaining method, connect the following css() method on <p>: 5 pixels, red dotted border and fadeout 5000 milliseconds.
$("p").css("border", "5px dotted red").fadeOut('5000');
Which selector hides all <p> elements?
$("p").hide();
Which selector hide all odd table rows? <table border="1"> <tr> <th>Company</th> <th>Country</th> </tr> <tr> <td>Alfreds Futterkiste</td> <td>Germany</td> </tr> <tr> <td>Berglunds snabbköp</td> <td>Sweden</td> </tr> </table>
$("tr:odd").hide();
Which css() method will set the styles for <ul>: mediumseagreen background color, white text color, 20 pixels font size and a padding of 20 pixels?
$("ul").css({ "background-color": "mediumseagreen", "color": "#000", "font-size": "20px","padding": "20px" });
What is the correct way to access the information the user types in the Age text field shown below: <html> <body> <form action="success.php" method="post"> Age: <input type="text" name="age" /> <input type="submit" /> </form > </body> </html>
$_POST["age"];
Which character is used to indicate an end tag?
/
Which of the following is the way to create comments in PHP?
/* commented code here */
What is the correct way to end a PHP statement?
;
What is the correct HTML for creating a hyperlink?
<a href="http://www.google.com">Google </a>
Transform the text below into a link that goes to "https://www.amazon.com".
<a href="https://www.amazon.com">This is a link </a>
How can you open a link in a new tab/browser window?
<a href="url" target="_blank">
Add a submit button to the form, and specify that the form should go to "form.php".
<form method=POST action="form.php"> name: <input type="text" name="name" > <input type="submit" value="Submit"> </form>
What is the correct HTML for inserting an image?
<img src="image.gif" alt="MyImage">
Add a map to the image using coordinates 285, 188 and a radius of 25 and linking the image to map.html
<img src="map.jpg" alt="City" width:100% usemap="#map"/> <map name ="map"> <area shape="circle" coords="285,188,25" href="map.html"> </map>
What is the correct HTML for making a checkbox?
<input type="checkbox">
Use JavaScript to change the HTML content of the <p> element to "Hello World!".
<script> document.getElementById("demo").innerHTML = "Hello World!"; </script>
Use JavaScript to change the text size of the <p> element to 40 pixels.
<script> document.getElementById("demo").style.fontSize = "40px"; </script>
Use JavaScript to change the image (the src attribute) to a new image called "pic_mountain.jpg"
<script> document.getElementById("image").src = "pic_mountain.jpg"; </script>
Write an if statement with the following condition: 10 is greater than 5. If the condition is true, display "I did it!".
<script> if(10 > 5){ document.getElementById("demo").innerHTML = "I did it"; } </script>
Create a third variable called z, assign x + y to it, and display it.
<script> var x = 5; var y = 10; var z = x+y; document.getElementById("demo").innerHTML = z; </script>
Choose the correct HTML element to define important text
<strong>
Remove underlines for visited and unvisited links, and specify "underline" for the hover and active link states.
<style> /* unvisited link remove*/ a:link{ text-decoration: none; } /* visited link remove */ a:visited { text-decoration: none; } /* hover specify underline*/ a:hover{ text-decoration: underline; } /* active specify underline */ a:active{ text-decoration:underline; }
With jQuery, look at the following selector: $("div.intro"). What does it select?
All div elements with class="intro"
Which of the following type of variables have only two possible values either true or false?
Booleans
Change the background color, when a user hovers over p elements, with the class "highlight", to "lightblue".
Change the background color, when a user hovers over p elements, with the class "highlight", to "lightblue".
Change the link below to open in a new window
Change the link below to open in a new window
What is the difference between GET and POST method?
GET displays the form values entered in the URL of the address bar where as POST does not.
From the following php scripting block, what will be displayed in the browser: <?php $aVariable = "Hello World"; echo "$aVariable"; ?>
Hello World
What does HTML stand for?
Hyper Text Markup Language
Look at Quiz #3
Look at Quiz #3
Look at Quiz #4
Look at Quiz #4
What does PHP stand for?
PHP: Hypertext Preprocessor
Which of the following attributes of the <img> tag displays alternate text for the image?
alt
Configure all the font properties in one declaration with a font family of sans-serif, font weight of bold and font style of 25px.
body { font: bold 25px sans-serif }
Which of the following property defines in a shorthand form the width, style, and color for all four sides of an element's border?
border
Add a scrollbar to the <div> element.
div { overflow-y:scroll; }
Set a "5px" horizontal, and "10px" vertical and 6px blur, box shadow for the <div> element. <!DOCTYPE html> <html> <head> <style> div { } </style> </head> <body> <div style="background-color: lightblue; width: 350px; padding: 15px;"> <h1>This is a Heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </div> </body> </html>
div { box-shadow: 5px 10px 6px; }
Which of the following is the correct way to echo a variable?
echo $variablename;
______ position elements don't move when the visitor scrolls the browser window up or down
fixed
Which of the following Property controls the display of small caps?
font-variant
Choose the correct HTML tag for the largest heading.
h1
Position the <h1> element relative to the browser window. 50px from the top, and 50px from the right.
h1 { color: red; position: relative; margin-top: 50px; margin-right: 50px; }
Which of the following visibility property value is described by The element is not visible, but the layout of surrounding elements is not affected?
hidden
How do you make a list that lists its items with squares?
list-style-type: square
Which of the following is an example of a contextual selector that will affect any unordered list located inside a navigation element? (IE <ul> inside <nav>)?
nav ul { CSS rules}
Which of the following is not an option for applying a border using CSS using the border property?
padding
Which of the following property adds padding to the top of an element?
padding-top
With the border property: Set the border for p to "10px", "solid" and "green".
p{ border: 10px solid green; }
Change the color of all paragraphs in the page below. <!DOCTYPE html> <html> <head> <style> body {background-color:lightgrey} </style> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> <p>This is also paragraph.</p> <p>This is a third paragraph.</p> </body> </html>
p{ color: red; }
A ______ URL describes the location of the desired file with reference to the location of the file that contains the URL itself.
relative
Which jQuery method is used to remove selected elements?
remove()
Which attribute is used to connect an image filepath to the HTML file in order to add an image to the web page?
src
Which jQuery method is used to switch between adding/removing one or more classes (for CSS) from selected elements?
toggleClass()
Make the list below display horizontally and remove the bullets.
ul { list-style-type: none; } ul li { display: inline; }
The __________ pseudo-class can be used in a style rule to change the appearance of links that the visitor has already clicked
visited
