ART 483F: HTML/CSS Quiz
How do you make a basic link in HTML? A) <a link="http://www.fullerton.com">CSUF</a> B) <a href="http://www.fullerton.com">CSUF</a> C) <a link=http:/www.fullerton.com>CSUF</a> D) <a src="http://www.fullerton.com">CSUF</a>
B) <a href="http://www.fullerton.com">CSUF</a>
Which code should you use to get a non-breaking space between "a lot" (so the two different words are not split onto two lines)? A) B) ¬ C) " D) >
A)
You can use the _____ pseudo-class to set a different color on a link if it was clicked on. A) a:visited B) a:hover C) a:link D) a:focus
A) a:visited
Which CSS property is used to change the text color of an element? A) color B) fgcolor C) text-color D) font-color
A) color
What is the recommended name you should give the folder that holds your project's images? A) images B) #images C) Images D) my images
A) images
Which syntax can we use to add comments to our HTML? A) // comment B) <!-- comment --> C) /﹡comment﹡/ D) </comment/>
B) <!-- comment -->
Which of the following elements is not normally found in the <body> element? A) <nav> B) <html> C) <main> D) <aside> E) <header>
B) <html>
Which address points to a different file than the others? A) "/people/index.html" B) "/people/" C) "/index.html" D) "/people"
C) "/index.html"
In an HTML document, if the font size of the body tag is set to 15px, and a div—directly within the body tag—has the font size set to 2em, the div's font size is displayed at what size? A) 15px B) 15em C) 30px D) 30em
C) 30px
Which type of element is typically a block? A) <em> B) <a> C) <div> D) <b>
C) <div>
What sort of efforts require the use and understanding of ARIA attributes? A) Those involving interactive drawings. B) Those involving audio content. C) Those involving accessibility issues.
C) Those involving accessibility issues.
What is considered an advanced selector? A) .header.clear {} B) #username-box {} C) h1 ~ p {} D) h1 p {}
C) h1 ~ p {}
If you want to create a compact image that can display in large sizes without pixelation, which should you choose? A) PNG B) GIF C) JPG D) SVG
D) SVG
What happens when HTML is broken because of a bug in the code? A) The browser replaces the broken HTML with a generic DIV element. B) The browser stops rendering the HTML and waits until it's fixed. C) The browser ignores that part of the code and jumps past it to the next thing it recognizes. D) The browser guesses what you meant, and does its best to fix the bug itself.
D) The browser guesses what you meant, and does its best to fix the bug itself.
In the following CSS code, 'h1' is the _____, while 'color' is the _____. h1 { color: red; } A) property; declaration B) declaration; rule C) value; selector D) selector; property
D) selector; property
What are the four attributes we want to include on every img element? A) srcset, alt, ratio, filesize B) source, height, width, orientation C) src, alternative, intrinsicsize, orientation D) src, alt, height, width
D) src, alt, height, width
When we want to convey importance, seriousness, or urgency, which element do we use? A) <a> B) <imp> C) <css> D) <div> E) <em>
E) <em>
Which tag does not belong in the document <head>? A) ﹤meta﹥ B) ﹤link﹥ C) ﹤script﹥ D) ﹤title﹥ E) ﹤main﹥
E) ﹤main﹥
A universal selector is specified using a(n) _____. A) "h1" string B) "a" character C) "p" character D) "*" character
D) "*" character
How many elements are there in the following HTML code? <h1> The End of the World is Nigh </h1> <article> Musings on our Current Social Predicament, by <em> Trans I. Tory </em> <p> Random content....</p> </article> A) 4 B) 8 C) 2 D) 3
A) 4
What is the difference between the usage of <div> and <span>? A) <div> is used for blocks, and <span> is used for a part of a line. B) <div> is used for blocks, and <span> is used for an entire document. C) <div> is used for divisions, and <span> is used to span across a sentence of text. D) <div> is used for figures, images, and videos, and <span> is used for a part of a line.
A) <div> is used for blocks, and <span> is used for a part of a line.
How does the id attribute differ from the class attribute? A) An id attribute name may only be used once in a document. B) The class attribute can only have one of a limited set of values. C) The id attribute is numeric. D) The id attribute is numeric.
A) An id attribute name may only be used once in a document.
How can you mark a quotation as being in a different language from its surrounding text? A) Create a element with a lang attribute indicating the language for its contents. B) Use the Unicode characters that properly represent the language that you're using, and the browser will detect it. C) Use an iframe to embed the quote from a separate document with its language indicated there. D) You can't - documents can only contain one language at a time.
A) Create a element with a lang attribute indicating the language for its contents.
When using the padding property, are you allowed to use negative values? A) No B) Yes C) Negative padding values can only be applied to block tags. D) Negative padding values can only be applied to inline tags.
A) No
Which format is best suited to handle complex drawings and logos? A) SVG B) JPG C) PNG D) GIF
A) SVG
Why is it important to remember to use closing tags? A) So it is clear where elements end. B) To mark the end of paragraphs. C) To mark the final element of a page. D) So the next element can be opened.
A) So it is clear where elements end.
You change a certain CSS rule in your browser's Developer Tools view. When is this change reflected inside the browser? A) The change is seen when you refresh the page. B) The change is seen after the browser is restarted. C) The change is seen immediately. D) The change is never reflected directly in the browser.
A) The change is seen when you refresh the page.
Which is a true statement about HTML lists? A) Use a list when you want to indent content. B) Lists can be used to mark up navigation. C) Only use HTML lists when the content should look like a bulleted list, a numbered list, or a checklist. D) There are four different kinds of lists.
B) Lists can be used to mark up navigation.
What is the correct CSS syntax for making all the <p> elements bold? A) p {text-size: bold;} B) p {font-weight: bold;} C) p {font-style: bold;} D) p {font-family: bold;}
B) p {font-weight: bold;}
You want your styling to be based on a font stack consisting of three fonts. Where should the generic font for your font family be specified? A) It should be the first one on the list. B) Generic fonts are discouraged from this list. C) It should be the last one on the list. D) It should be the second one on the list.
C) It should be the last one on the list.
Why should you include the height and width specifications for all images? A) So that the images will be downloaded completely. B) To maintain the original aspect ratio. C) To make the page layout more efficient. D) To speed up the image downloads.
C) To make the page layout more efficient.
Use the CSS _____ property on an element to prevent other elements from floating beside it. A) unfloat B) block C) clear D) anchor
C) clear
Which width specification is relative? A) 10pc B) 10pt C) 10in D) 10vw
D) 10vw
What does CSS stand for? A) Compact System Settings B) Calibrated Style Sheets C) Cognitive System Sheets D) Cascading Style Sheets
D) Cascading Style Sheets
In HTML, how could you use the character entity like the one shown below? A) When you need something hidden on the web page. B) When you need something to stands alone as its own entity, separate from other characters. C) When you're creating an emoji. D) When you want to avoid a single word at the end of a paragraph that is left on a line by itself.
D) When you want to avoid a single word at the end of a paragraph that is left on a line by itself.
While HTML controls document structure, CSS controls _____. A) semantic meaning B) content meaning C) document structure D) content appearance
D) content appearance
