Webpage Certification
Which option is not a valid color in HTML?
"lightBlue"
Which ruleset will have a block of text with the class surprise-text slowly appear over 4 seconds when the mouse button is held down over the surprise div? Assume that these classes already have the styling shown in the code segment. .surprise { visibility: visible; height: 100px; } .surprise-text { opacity: 0; width: 200px; }
.surprise:active .surprise-text { opacity: 100%; transition: opacity 4s; }
A student types in a URL into the address bar of a browser. What step in the client-server model happens next?
The browser sends a request to the server.
Which of the following best describes a "responsive" website?
The website will display well on multiple devices.
Which tag is used to denote the content of the webpage?
body
A student navigates to the web address: https://www.mystore.com/contact.html Which portion of the address represents the path of this URL?
contact.html
Which option lists all of the children of the body element? <!DOCTYPE html> <html> <head> <title></title> <head> <body> <h1></h1> <p> <a></a> </p> </body> </html>
h1, p
Which options lists all of the descendants of the body element? <!DOCTYPE html> <html> <head> <title></title> </head> <body> <h1></h1> <p> <a></a> </p> </body> </html>
h1, p, a
Which ruleset will smoothly change the background color of h2 tagson the page over two seconds when the cursor hovers over it? Assume that the image tag already has the styling shown in this code segment. h2 { background-color:blue; }
h2:hover { background-color: yellow; transition: background-color 2s }
Which rule will correctly add a greyscale filter and a blur filter to all images on the page?
img { filter: blur(5px) grayscale(100%); }
Which rule will correctly add an invert filter and a hue-rotate filter to all images on the page?
img { filter: hue-rotate(90deg) invert(100%); }
What option is a more concise way of styling the elements shown? img { width:200px; } p { width:200px; } h1 { width:200px; }
img, p, h1 { width:200px; }
A student navigates to the web address: https://www.webpage.com/main.html Which portion of the address represents the domain of this URL?
webpage.com
During the process of viewing a website, which application will allow a user to render the web page in the final step?
Browser
Which creative commons license allows for the work to be adapted or modified, but prohibits it from being used for commercial reasons?
CC BY-NC
A search filter is used that limits the access of information for anyone using the Internet in the country. What is this an example of?
Censorship
A website contains two HTML files, index.html and about.html as well as a CSS file, style.css. Which option explains how to apply the style.css file to both HTML files?
In index.html and about.html, include: <head> <link rel="stylesheet" type="tex/css" href="style.css"> </head>
Which step of the design cycle involves building a sample, model, mock-up or simulation of your website?
Prototype
Which option shows an HTML comment using the correct syntax?
<!-- This is a comment -->
Which of the following correctly uses the attributes of an <a> tag?
<a href="turtles.html">Click Here for Turtles</a>
You would like to add a button to a web page that scrolls to the bottom of the page, where the contact information can be found. Which code segment shows the appropriate markup for this functionality?
<div class = "bottom"></div> !--content here--> <a href = "#bottom"><button>Contact Me</button></a>
Which option would display green text?
<h1 style="color: rgb(0, 255, 0)"> Hello </h1>
Which of the following correctly uses the attributes of an <img> tag?
<img src="turtles.jpg">
Which code segment would correctly display the following? My Favorite Movies 1. Forest Gump 2. The Notebook 3. Coming to America
<strong>My Favorite Movies</strong> <br> <ol> <li>Forrest Gump</li> <li>The Notebook</li> <li>Coming to America</li> </ol>
Which of the following HTML code segments will generate the following table? Name Sidekick Batman Robin
<table border=1> <tr> <th>Name</th> <th>Sidekick</th> </tr> <tr> <td>Batman</td> <td>Robin</td> </tr> </table>
