ITS HTML and CSS Practice Exam 1
Testing - GMetrix
<body>
<h1><b><i>Recent Highlights</h1></b></i>
<p>Insert recent highlights here</p>
<p> First highlight goes here: <br /> </p>
</body> - correct answer-The closing tags </h1> </b> </i> are in the wrong order.
A developer needs to ensure that a website has two style sheets: one for screens wider than
640 pixels and one for screens 640 pixels wide or less. Which line of code should the
developer use for the style sheet with the smaller screen width? - correct answer-@media
only screen and (max-width: 640 px)
A marketing department wants the following formatting for their second-level headings:
1. A font of Times New Roman or default serif font.
2. The text in small capital letters.
3. A line height of 18 points. - correct answer-h2 {
font-family: "Times New Roman", serif;
font-variant: small-caps;
line-height: 18pt;
}
A new developer wants to know which form submission method should be used to allow
customers to update their information via a form. Which form submission method will you tell
the developer to use? - correct answer-POST
A new web designer want to make sure there is a good color contrast between text and its
background. Which measurement, according to the Web Content Accessibility Guidelines,
determines the amount of contrast between two colors on a webpage? - correct
answer-Contrast ratio
A web developer wants to show shades of blue for a potential background for a webpage.
Using drag and drop, match the hexadecimal colors with the shade of blue that will show if
the color is used. - correct answer-Blue - #0000FF
Light Blue - #9999FF
Dark Blue - #000088
A webpage for a clothing store needs a table built to display the times the store open. The
finished table should look like this: M-F10 a.m. to 7 p.m. - correct answer-<table>
<tr>
<td>M-F/td>
<td>10 a.m. to 7 p.m.</td>
</tr>
</table>
, A webpage is being built to where items need to be listed, one per line, but without skipping
lines and without bullet points or numbered lines. Which HTML element will move to a new
line without skipping lines? - correct answer-<br>
An area consisting of stories of content.
Used to display a story on a webpage.
Used to give a title to a table.
Used to store both internal and external links. - correct answer-section
article
caption
nav
External
Inline
Internal - correct answer-The body tag needs to have the Segoe UI font throughout the
entire website. - External
An address tag at the bottom of a new items page needs to have the color of dark magenta.
No other address tags need formatting. - Inline
A sales page needs to have a light gray background, and, as a result, its text needs to be in
dark gray. - Internal
For each of these statements regarding HTML tags, select Yes if the statement is true and
select No if the statement is false, keeping gin mind the default settings for these HTML tag
(in other words, no CSS has been applied). - correct answer-The h1 tag will produce the
largest-sized text among headings. - YES
The hr tag adds a line to the webpage. - YES
The span tag isolates a block of text into its own paragraph. - NO
For each statement regarding best practices on creating style sheets using CSS, select Yes
if the statement is true and No if the statement is false. - correct answer-Reusing code from
one part of a style sheet to another helps to minimize syntax errors - YES
Setting the body element to have a font of Segoe UI will ensure every device that views the
website will see that font. - NO
Web pages that include style sheets should be tested on multiple browsers. - YES
Here is a partial block of code for a webpage. You want to indicate to a fellow developer that
an image needs to be added to this webpage, but you don't have the image.
Using the dropdown arrow, indicate the proper way to add the text to the code, but not have
the text display on the webpage. - correct answer-<body>
<p> Check out our last gizmo. </p>
<!-- We need an image of the gizmo here. -->
Hyperlinks are defined through a href reference inside an <a> tag.
The <area> tag is used to define clickable areas of a map.
The <map> tag is used in conjunction with latitude and longitude. - correct
answer-Hyperlinks are defined through a href reference inside an <a> tag. - YES
The <area> tag is used to define clickable areas of a map. - YES
Testing - GMetrix
<body>
<h1><b><i>Recent Highlights</h1></b></i>
<p>Insert recent highlights here</p>
<p> First highlight goes here: <br /> </p>
</body> - correct answer-The closing tags </h1> </b> </i> are in the wrong order.
A developer needs to ensure that a website has two style sheets: one for screens wider than
640 pixels and one for screens 640 pixels wide or less. Which line of code should the
developer use for the style sheet with the smaller screen width? - correct answer-@media
only screen and (max-width: 640 px)
A marketing department wants the following formatting for their second-level headings:
1. A font of Times New Roman or default serif font.
2. The text in small capital letters.
3. A line height of 18 points. - correct answer-h2 {
font-family: "Times New Roman", serif;
font-variant: small-caps;
line-height: 18pt;
}
A new developer wants to know which form submission method should be used to allow
customers to update their information via a form. Which form submission method will you tell
the developer to use? - correct answer-POST
A new web designer want to make sure there is a good color contrast between text and its
background. Which measurement, according to the Web Content Accessibility Guidelines,
determines the amount of contrast between two colors on a webpage? - correct
answer-Contrast ratio
A web developer wants to show shades of blue for a potential background for a webpage.
Using drag and drop, match the hexadecimal colors with the shade of blue that will show if
the color is used. - correct answer-Blue - #0000FF
Light Blue - #9999FF
Dark Blue - #000088
A webpage for a clothing store needs a table built to display the times the store open. The
finished table should look like this: M-F10 a.m. to 7 p.m. - correct answer-<table>
<tr>
<td>M-F/td>
<td>10 a.m. to 7 p.m.</td>
</tr>
</table>
, A webpage is being built to where items need to be listed, one per line, but without skipping
lines and without bullet points or numbered lines. Which HTML element will move to a new
line without skipping lines? - correct answer-<br>
An area consisting of stories of content.
Used to display a story on a webpage.
Used to give a title to a table.
Used to store both internal and external links. - correct answer-section
article
caption
nav
External
Inline
Internal - correct answer-The body tag needs to have the Segoe UI font throughout the
entire website. - External
An address tag at the bottom of a new items page needs to have the color of dark magenta.
No other address tags need formatting. - Inline
A sales page needs to have a light gray background, and, as a result, its text needs to be in
dark gray. - Internal
For each of these statements regarding HTML tags, select Yes if the statement is true and
select No if the statement is false, keeping gin mind the default settings for these HTML tag
(in other words, no CSS has been applied). - correct answer-The h1 tag will produce the
largest-sized text among headings. - YES
The hr tag adds a line to the webpage. - YES
The span tag isolates a block of text into its own paragraph. - NO
For each statement regarding best practices on creating style sheets using CSS, select Yes
if the statement is true and No if the statement is false. - correct answer-Reusing code from
one part of a style sheet to another helps to minimize syntax errors - YES
Setting the body element to have a font of Segoe UI will ensure every device that views the
website will see that font. - NO
Web pages that include style sheets should be tested on multiple browsers. - YES
Here is a partial block of code for a webpage. You want to indicate to a fellow developer that
an image needs to be added to this webpage, but you don't have the image.
Using the dropdown arrow, indicate the proper way to add the text to the code, but not have
the text display on the webpage. - correct answer-<body>
<p> Check out our last gizmo. </p>
<!-- We need an image of the gizmo here. -->
Hyperlinks are defined through a href reference inside an <a> tag.
The <area> tag is used to define clickable areas of a map.
The <map> tag is used in conjunction with latitude and longitude. - correct
answer-Hyperlinks are defined through a href reference inside an <a> tag. - YES
The <area> tag is used to define clickable areas of a map. - YES
