NEW
Font size
WorksheetsCodeHS Unit 5
Total questions: 26
Worksheet time: 14mins
Both the head and body tag pairs are located within the HTML tag pair. This situation is known as ______________.
tagging
pairing
nesting
joining
True or False: It is possible to embed any website inside IFrames.
True
False
What is the function of the div tag?
To define a section of an HTML page
To group a block of elements together to format them with CSS
To efficiently apply the same style to several different elements
All of the above
Which of the following selects all p tags with the class alert and makes them red?
p.alert {
color: red;
}
p {
.alert {
color:red;
}
}
.alert p{
color: red;
}
p alert{
color: red;
}
Which attribute contains the URL to a linked web page?
href
type
src
name
Orville is working on a Web page for his company’s site. He wants to insert an HTML comment within the page to let other developers know that the page validates as HTML and that he is the page author. Which line of code will insert the comment Orville requires?
<!- - Orville Davis, 9/17/2012. This code validates to HTML5- - >
/* Orville Davis, 9/17/2012. This code validates to */
// Orville Davis, 9/17/2012. This code validates to
<? Orville Davis, 9/17/2012. This code validates to ?>
if you wanted to select the sibling h4 tag after an h2 tag, what code would you selectj?
h2 then h4 {font-style: italic;}
h2 + h4 {font-style: italic;}
h2, h4 {font-style: italic;}
h2 after h4 {font-style: italic;}
Which of these will select all paragraphs that are inside of a div element?
div p
p div
p > div
div > p
-Applied inline to individual HTML elements on an HTML page.
-Embedded within an HTML page to affect all specified elements on that page.
-Collected in an external file that is linked to multiple HTML pages.
<a id="top">Top</a>
If you wanted to select both h2 and h4 elements to change the font style to italic, which code would you use?
.h2 {font-style: italic;}
h2 h4 {font-style: italic;}
h2 + h4 {font-style: italic;}
h2 & h4 {font-style: italic;}
All of the following are a part of the box model EXCEPT
radius area
padding area
margin area
content area
What is the area between the content and the border?
padding
margin
height
width
What is the outermost area of the CSS Box Model?
margin
padding
border
width/height
Which model includes margin, border, padding, and content?
CSS Box model
CSS3 Flexbox Box model
CSS3 Grid Layout model
CSS Grid Template Layout Module
Which of the following would you use an IFrame for?
Embedding a map from Google Maps in your website
Adding an image to your website
Changing an image’s opacity when the user hovers over the image
Adding a filter to an image on your website
Which of the following selects images as the mouse hovers over them and sets their size to 350px by 350px?
img:hover {
width: 350px;
height: 350px;
}
img & hover {
width: 350px;
height: 350px;
}
img::hover {
width: 350px;
height: 350px;
}
img > hover {
width: 350px;
height: 350px;
}
