What's the purpose of the tag?

To contain independent, self-contained content

How would you properly embed a YouTube video iframe with accessibility in mind? Options: <iframe src="video.url"></iframe> , <iframe src="video.url" frameborder="0"></iframe> , <iframe src="video.url" title="Video description" frameborder="0"></iframe> , <iframe src="video.url" alt="Video description"></iframe>

Which attribute combination creates the most accessible image? Options: <img src="image.jpg" alt="Description"> , <img src="image.jpg" title="Description"> , <img src="image.jpg" alt="Description" title="Additional context"> , <img src="image.jpg" description="Description">

What's wrong with this flexbox code? CSS .container { display: flex; justify-content: middle; align-items: center; }

middle is not a valid value for justify-content

What's the difference between em and rem units?

em is relative to parent, rem is relative to root

How do you properly create a CSS animation?

Both @keyframes definition and animation property

Are changes made in the browser's Inspector tool permanent?

No, they are temporary and not saved to the source code

What happens when you set display: inline on an element?

It displays inline with other elements without breaks

What's wrong with this CSS gradient? background: gradient(linear, left to right, #fff, #000);

Should be linear-gradient and direction syntax is incorrect.

Which event listener would you add to detect when a key is pressed down? Options: addEventListener("keypress", function), addEventListener("keydown", function), addEventListener("key", function), addEventListener("press", function)

addEventListener("keydown", function)

How would you properly remove an event listener? Options: element.removeEventListener("click", handler), element.removeEvent("click", handler), element.deleteEventListener("click", handler), element.clearEventListener("click", handler)

element.removeEventListener("click", handler)

What's the correct way to check if an element has a specific class? Options: element.hasClass("myClass"), element.classList.contains("myClass"), element.className.includes("myClass"), element.class.has("myClass")

element.classList.contains("myClass")

How do you create a new text node? Options: document.createText("Hello"), document.createTextNode("Hello"), document.newTextNode("Hello"), document.createElement("text", "Hello")

document.createTextNode("Hello")

What's the proper way to add multiple classes to an element? Options: element.className += " newClass", element.classList.add("class1", "class2"), element.addClass("class1 class2"), element.class.append("class1", "class2")

element.classList.add("class1", "class2")

How would you get all elements with a specific class name? Options: document.getElementByClass("myClass"), document.querySelector(".myClass"), document.getElementsByClassName("myClass"), document.findElementsByClass("myClass")

document.getElementsByClassName("myClass")

What will this code do? JavaScript element.style.cssText = "color: red; font-size: 20px;";

Add inline styles to the element

Which describes the correct order of the box model from outside to inside? Options: Margin, Border, Padding, Content

Margin, Border, Padding, Content

What's the purpose of the defer attribute in script tags?

Executes script after HTML parsing

Which describes a progressive enhancement approach? Options: Starting with complex features and removing them for older browsers, Starting with basic functionality and adding features where supported, Only supporting modern browsers, Using polyfills for all features

Starting with basic functionality and adding features where supported

Which describes the correct use of localStorage? Options: Storing sensitive user data, Storing temporary session data, Storing persistent non-sensitive data, Storing server configuration

Storing persistent non-sensitive data

Advanced Web Final Review Flashcards

Student preview

50 questions

Show all answers

1.

FLASHCARD QUESTION

Front

Which of the following correctly represents the basic structure of an HTML document? Options: <html><head><body></body></head></html>, <html><head></head><body></body></html>, <head><html><body></body></html></head>, <body><head></head><html></html></body>

Back

2.

FLASHCARD QUESTION

Front

What is missing from this HTML code to make it valid? <html> <head> <title>My Website</title> </head> <body> <h1>Welcome!</h1> </body> Options: A closing html tag , A DOCTYPE declaration , A meta tag , A closing title tag