COMP 126 FINAL QUESTIONS & ANSWERS
What type of HTML element will always by default appear on a new line in the browser?
- Answer -block elements
The portion of a web page that must contain all the content to be displayed on the page
should be coded as an HTML5 - Answer -<body> element
What is the term we use to describe any item on a web page that can be distinguished
via HTML tags? - Answer -element
HTML is used to define the - Answer -structure and content of a webpage
How many levels of heading does HTML include by default? - Answer -6
The <title> element in the <head> section of an HTML document specifies the text -
Answer -that's displayed in the browser's tab for the page
How can you easily view the code behind a website that you find online? - Answer -use
the developer's tools in your browser
The div element should only be used - Answer -when the existing HTML5 structural-
semantic elements don't apply
Which of the following is an inline element by default? - Answer -<span></span>
Which of the following is the best choice to tag the header area in HTML, that is, the
very top of a website where users can typically find the name and logo of that site,
among other things? - Answer -<header></header>
Which of the following selectors indicate a CSS rule that should apply to all instances of
the <p> element that are located inside a <nav> element on a webpage? - Answer -nav
p {}
If I want the fill color of an <a> element to change to red when the user's cursor is
positioned over it, which of the following rules could I use? - Answer -a:hover
{background: red;}
Which of the follow selectors is most specific? (.nav, #nav, a, div) - Answer -#nav (IDs
are the most specific)
In the box model for an element, the border - Answer -is between the padding and the
margin
, Psuedo-class selectors let you apply formatting - Answer -to the element in specific
states or conditions
If two CSS declarations conflict, which declarations override the other declarations/
have the highest priority? - Answer -!important declarations in the user's style sheet
The following code: padding .5em 0 .25em; applies padding to an element: - Answer -
.5em top, 0 left and right, and .25em bottom
When you set the border for a block element, you can set - Answer -its color, style, and
width
Which CSS property should you alter to create more space between the contents of an
element and the border of the same element? - Answer -padding
If the following CSS appears in a stylesheet, what color will the associated <h1>
appear?
h1, h2, h3 {color: red; font-size: 36px;}
h3 {font-size: 24px;}
h1 {color: blue;} - Answer -blue
Which of the following techniques can you NOT use to create a two-column layout -
Answer -Code columns in any order in the HTML and then float both to the left
When you use the float property to create columns for a page layout, you must also set
- Answer -the width of the floated elements
When you set the position property for a block element to absolute, the browser -
Answer -takes the element out of the flow of the elements on the web page
When you use fixed positioning for a block element, you can - Answer -use the top,
bottom, left, and right properties to set its position on the page
Of the following measurement options (px, in, don't specify, %), which is the best choice
if you want to create a fluid layout? - Answer -%
To use floats to create a three-column page layout consisting of an aside, a main
element, and another aside, you need to set - Answer -the width of the body element
and one or more of the contained elements to percentages
You've floated two elements to the left to position them as consecutive columns on a
page. Now you want to create a full-viewport-width footer element that is positioned
below the two columns without interfering with them. Which of the following property
value pairs can you use to ensure the footer element does this? - Answer -clear:left;
What type of HTML element will always by default appear on a new line in the browser?
- Answer -block elements
The portion of a web page that must contain all the content to be displayed on the page
should be coded as an HTML5 - Answer -<body> element
What is the term we use to describe any item on a web page that can be distinguished
via HTML tags? - Answer -element
HTML is used to define the - Answer -structure and content of a webpage
How many levels of heading does HTML include by default? - Answer -6
The <title> element in the <head> section of an HTML document specifies the text -
Answer -that's displayed in the browser's tab for the page
How can you easily view the code behind a website that you find online? - Answer -use
the developer's tools in your browser
The div element should only be used - Answer -when the existing HTML5 structural-
semantic elements don't apply
Which of the following is an inline element by default? - Answer -<span></span>
Which of the following is the best choice to tag the header area in HTML, that is, the
very top of a website where users can typically find the name and logo of that site,
among other things? - Answer -<header></header>
Which of the following selectors indicate a CSS rule that should apply to all instances of
the <p> element that are located inside a <nav> element on a webpage? - Answer -nav
p {}
If I want the fill color of an <a> element to change to red when the user's cursor is
positioned over it, which of the following rules could I use? - Answer -a:hover
{background: red;}
Which of the follow selectors is most specific? (.nav, #nav, a, div) - Answer -#nav (IDs
are the most specific)
In the box model for an element, the border - Answer -is between the padding and the
margin
, Psuedo-class selectors let you apply formatting - Answer -to the element in specific
states or conditions
If two CSS declarations conflict, which declarations override the other declarations/
have the highest priority? - Answer -!important declarations in the user's style sheet
The following code: padding .5em 0 .25em; applies padding to an element: - Answer -
.5em top, 0 left and right, and .25em bottom
When you set the border for a block element, you can set - Answer -its color, style, and
width
Which CSS property should you alter to create more space between the contents of an
element and the border of the same element? - Answer -padding
If the following CSS appears in a stylesheet, what color will the associated <h1>
appear?
h1, h2, h3 {color: red; font-size: 36px;}
h3 {font-size: 24px;}
h1 {color: blue;} - Answer -blue
Which of the following techniques can you NOT use to create a two-column layout -
Answer -Code columns in any order in the HTML and then float both to the left
When you use the float property to create columns for a page layout, you must also set
- Answer -the width of the floated elements
When you set the position property for a block element to absolute, the browser -
Answer -takes the element out of the flow of the elements on the web page
When you use fixed positioning for a block element, you can - Answer -use the top,
bottom, left, and right properties to set its position on the page
Of the following measurement options (px, in, don't specify, %), which is the best choice
if you want to create a fluid layout? - Answer -%
To use floats to create a three-column page layout consisting of an aside, a main
element, and another aside, you need to set - Answer -the width of the body element
and one or more of the contained elements to percentages
You've floated two elements to the left to position them as consecutive columns on a
page. Now you want to create a full-viewport-width footer element that is positioned
below the two columns without interfering with them. Which of the following property
value pairs can you use to ensure the footer element does this? - Answer -clear:left;
