Deck 7: Improving Web Design With New Page Layouts

Question 1

Identify the correct style rule to specify a left margin.

A) left section
B) align-margin-left: 0;
C) margin-left: 0;
D) margin(left): 0;

Answer 1

C

Question 2

The figure element may contain an optional _____ element, which is used to provide a caption for the figure element.

A) image caption
B) external figure
C) embedded figure
D) figure caption

Answer 2

D

Question 3

A favicon is most likely to appear next to which webpage element? 

A) banner
B) footer
C) bookmark
D) style rule

Answer 3

C

Question 4

Identify the style rule for applying  a text shadow with a horizontal offset of 2px, a vertical offset of 2px, and a dark gray color is applied to an h1 element.

A) h1 { text-shadow: #292933; }
B) h1 { text-shadow: 2px 2px #292933; }
C) h1 { text-shadow(h,v): 0.2em 0.1em #292933; }
D) h1 { h:0.2px v:0.2px #292933; }

Question 5

The text-shadow property requires the _____ value, which designates the horizontal position of the shadow.

A) ph-shadow
B) h(text)-shadow
C) h-shadow
D) hp-shadow

Question 6

The article … /article tags are referred to as HTML 5 _____ elements.

A) syntax
B) semantic
C) logical
D) lexical

Question 7

Identify the correct format of the starting tag and the ending tag for the figure caption element.

A) figcaption>... B) (figcaption)>... <(/figcaption)
C) /figcaption/>... D) /figcaption>...

Question 8

Consider the style rule:main {          background-color: #ff0000;          opacity: 0.5;         }Here, the opacity value will make the images appear _____.

A) 25 percent transparent
B) at 30 percent opacity
C) 50 percent transparent
D) completely opaque

Question 9

The 10px in "text-shadow: 5px 10px 8px #ccc;" indicates the _____.

A) horizontal shadow position
B) shadow color
C) vertical offset
D) shadow transparency

Question 10

The name of an HTML semantic element tag reflects the _____ of the webpage content. 

A) purpose
B) location
C) form
D) date

Question 11

Which code specifies the starting and ending tags for a  figure caption element? 

A) *figcaption * ... * /figcaption *
B) ^ figcaption ^ ... ^ /figcaption^
C) figcaption> ... D) //figcaption> ...

Question 12

Identify the appropriate format to indicate the start and end of a time area of a webpage.

A) time> ... B) time :#time;
C) time(h2) {time }
D) *time* section *time*

Question 13

Identify the style rule for an h1 element to center-align its content.

A) h1 { : center; }
B) h1 { text-align: center; }
C) h1 { text-align: ; }
D) h1 { ; }

Question 14

The default value of the opacity property is _____.

A) 1
B) 0
C) 0.5
D) 2

Question 15

The _____ HTML 5 semantic element contains information about nearby content and is typically displayed as a sidebar.

A) contents> … B) details> … C) summary> … D) aside> …

Question 16

A _____ analyzes current content, performs in-depth research, and then drafts recommendations for content to attract new clients.

A) website analyst
B) web researcher
C) web content strategist
D) webpage planner

Question 17

The _____ CSS property can be used to create multiple columns.

A) column-add
B) column-multiply
C) column-type
D) column-count

Question 18

The Cascading Style Sheet (CSS) _____ property specifies the transparency of an element.

A) density
B) opacity
C) precision
D) clarity

Question 19

Today, most websites use a(n) _____ , a small image that appears on the browser tab that represents the business. 

A) emoji
B) favicon
C) hamburger
D) emoticon

Question 20

Identify the correct format for inserting an aside element within an article element.

A) …

…

…
B) …

C) …aside
D) … { aside; } …

Question 21

Identify the HTML entity used to display ¼ on a webpage.

A) *frac14;
B) 14
C) 14*frac;
D) ¼

Question 22

The theme of each section for a section element should be identified, typically by including a footer element as a child of the section element.

Question 23

The figure element is the same as the img element.

Question 24

The World Wide Web Consortium (W3C) states that the section element is not a generic container element.

Question 25

The _____ property allows any specified padding or border to be included within the element's total size. 

A) figcaption
B) text shadow
C) box-sizing
D) radius

Question 26

The _____ HTML 5 semantic element contains a specific grouping of content on a webpage.

A) section> … B) details> … C) summary> … D) aside> …

Question 27

Identify the correct style rule to format the aside elements with an italic font style.

A) { font-style: italic; }
B) { font-style: italic; }
C) aside { font-style: italic; }
D) aside { : italic; }

Question 28

A caption element can be used to display a chart, graph, or table.

Question 29

An opacity property value of 1 makes an element completely transparent.

Question 30

The aside element is used as a sidebar and contains additional information about a particular item mentioned within another element, such as  an article or section element. 

Question 31

To quickly and easily apply a style rule to all elements, you use the _____ to select all elements. 

A) *
B) #
C) &
D) /

Question 32

The _____ HTML 5 semantic element contains a visible heading for the details element on a webpage.

A) section> … B) details> … C) summary> … D) aside> …

Question 33

Using the _____ value allows the column to grow and shrink, depending on the size of the viewport. 

A) empty
B) zero
C) void
D) auto

Question 34

Consider this statement used to add a favicon:  link rel="icon" type="image/png" sizes="32x32"href="images/favicon-32. p n g"  The rel attribute is the relationship and its value is _____. 

A) link
B) icon
C) image
D) favicon

Question 35

Articles may be nested within other HTML elements.

Question 36

An aside element is independently distributable or reusable.

Question 37

If a document has any errors, _____ gives you a chance to identify and correct them.

A) simulating
B) validating
C) authenticating
D) modulating

Question 38

A figure   element can contain one or more img elements.

Question 39

The aside element represents a generic section of a document or application.

Question 40

Article elements can be nested within aside elements.

Question 41

The nth-last-of-type() pseudo-class applies to every specified element within its parent, beginning with the last element.

Question 42

With CSS grid layout, the  grid-row-gap property is used to specify  the size of rows within a grid.

Question 44

Major modern browsers support the opacity property. 

Question 45

Explain an article element. Also, give an example of three article elements nested within a main element.

Question 46

 The figure element is used to group content.

Question 47

Web developers can use the CSS grid layout to design a multiple-column layout, but it has less accuracy than float, width, and clear properties. 

Question 48

A mobile layout usually uses a three-column layout, whereas a one-column layout is usually used for tablet and desktop viewports.

Question 49

Webpage content should be grouped to improve semantic design and search engine results.

Question 50

A(n) _____ element, as described by the World Wide Web Consortium (W3C), is an element that "represents a section of a page that consists of content that is tangentially related to the content around that element, and which could be considered separate from that content."

A) article
B) aside
C) section
D) content

Question 51

Using semantic HTML 5 elements provides a standard naming convention for webpage content.

Question 52

The aside element can be formatted differently from the rest of the article so that it stands out.

Question 53

While redesigning the home page of a website, one can modify the wireframes for tablet and desktop viewports because the additional space allows extra content to be included.

Question 54

When you specify opacity for the background of an element, any nested elements will inherit the transparency. 

Question 55

The v-shadow value of the text-shadow property designates the horizontal position of the shadow.

Question 56

A(n) _____ element is a composition that is independently distributable, such as a forum post, a magazine or newspaper report, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.

A) article
B) aside
C) summary
D) section

Question 57

Article elements are commonly used for pull-out quotes, glossary terms, or related links. 

Question 58

Each image element can be wrapped within separate figure and figure caption elements.

Question 59

The CSS grid layout was created by the W3C Working Group to lay out boxes of content into rows and columns, making a more reliable pattern of responsive element-sizing behaviors.

Question 60

A(n) _____ element is used as a sidebar and contains additional information about a particular item mentioned within another element.

A) information
B) section
C) aside
D) content

Question 61

According to the World Wide Web Consortium (W3C), the _____ element  "represents some flow content, optionally with a caption, that is self-contained and is typically referenced as a single unit from the main flow of the document."

A) content
B) layout
C) figure
D) picture

Question 62

Explain a section element. Also, give an example of several section elements nested within an article element.

Question 63

A general rule is that a(n) _____ element is appropriate only if the element's contents would be listed explicitly in the document's outline.

A) aside
B) summary
C) details
D) section

Question 64

While restyling the About Us page, Ben notices that it contains groups of content that are not currently wrapped within a semantic element. These groups of content include the Designer Clothing group, the Casual Clothing group, and the Formal Clothing group. Ben should use a(n) _____ to group each of these areas together.

A) section element
B) summary element
C) details element
D) aside element

Question 65

The _____ element defines different parts of a webpage document, such as an introduction, new products, or service information. 

A) section
B) article
C) aside
D) summary

Question 66

Ben notices the website has  low  search results. He decides adding a  small image to appear on the browser tab that represents the business might help with search engine optimization. What term is used for the image Ben is adding?

A) padding
B) favicon
C) banner
D) emoji

Question 67

James creates an article that describes all the different departments of the university. Along with each department, the webpage lists the courses offered by that particular department. James should use a(n) _____ if he wants to include more information about one of these courses, such as its duration or its fee structure.

A) details element
B) aside element
C) summary element
D) section element

Question 68

James has also been asked to include sample tutorial videos while working on the university's website. He creates a webpage that contains a list of tutorials. He should use a(n) _____ to place each tutorial within a document, including a heading element and an appropriate title for the tutorial followed by the tutorial content.

A) details element
B) aside element
C) summary element
D) section element

Question 69

Explain figure and figure caption elements.