🌍 All Study Guides 📊 Dashboard 📰 Blog 💡 About

IBM Applied AI to IBM AI Developer Professional Certificate • STUDY MODE

PRACTICE QUIZ

QUESTION 1 OF 15

Which of the following describes a Utility-first Framework? Select all that apply.

Provides pre-styled components and templates

Provides complete freedom when styling elements

References CSS properties via Utility ClassesCorrect Answer

Makes HTML markup more verbose by mixing styles with contentCorrect Answer

Explanation:

Utility-first Frameworks are composed of utility classes, which reference single-purpose CSS. Explanation: Since the utility classes are used in the “class” attribute of HTML elements, your HTML markup becomes more verbose.

QUESTION 2 OF 15

Which of the following tags is used to separate areas in a document?

<div>Correct Answer

<input>

<body>

<nav>

Explanation:

The <div> tag separates areas in a document into divisions

QUESTION 3 OF 15

What type of element is <article>?

A graphic element

A semantic elementCorrect Answer

An input element

A multimedia element

Explanation:

<article> is a semantic element as it is used to define a part of the web page

QUESTION 4 OF 15

Which tag is used to specify self-contained content like an image, illustration, or diagram?

<image>

<figure>Correct Answer

<img>

Explanation:

The <figure> tag specifies self-contained element referred to from the main content GRADED QUIZ 1.Which of the following ways of applying CSS has the highest priority, and will override the other ways? a) Internal CSS, applied within the “<style>” attribute in HTML markup b) An external CSS file c) Whichever way is specified in the HTML markup d) Inline CSS, placed directly in each HTML element (CORRECT) Explanation: Inline CSS has the highest order of precedence, and will override other styles. Review the “CSS – Styling HTML” video for more details on this.

QUESTION 5 OF 15

Select all of the following which are true in describing a fluid and/or fixed layout.

A fixed layoutspecifies element sizes using percentages

Fluid layouts should always be used when designing a website

Fixed layouts are independent of screen sizes, and their values do not changeCorrect Answer

Elements in a fluidlayout have flexible widths and heightsCorrect Answer

Explanation:

Fixed layouts specify the height and width of elements which remain the same regardless of how the website is accessed. Review the “CSS – Styling HTML” video for more details on this. Explanation: The widths and heights of elements in a fluid layout are flexible and can change. Review the “CSS – Styling HTML” video for more details on this.

QUESTION 6 OF 15

Which of the following tags define a caption for a < fieldset > element?

<title>

<label>

<legend>Correct Answer

Explanation:

The <legend> tag is used to define a caption for a < fieldset > element. Review the “Additional HTML Elements” reading for more details on this.

QUESTION 7 OF 15

What is a modifier?

A type of button which allows you to modify content in a form

The term used to refer to a JavaScript class which updates content on a webpage

A special class modifies the appearance of elements by applying a CSS attribute based on the condition describedCorrect Answer

A method used to modify CSS styling applied to an HTML element

Explanation:

Modifiers are used in utility frameworks, such as Tailwind CSS, to conditionally apply a utility class to an element. Modifiers, which describe the condition you want to target, are added before a class name. Review the “CSS Frameworks” video for more details on this.

QUESTION 8 OF 15

Which semantic tag is used to display any content which is indirectlyrelated to the main content of the document?

<aside>Correct Answer

Explanation:

The <aside> tag provides additional information that is related to the main content. Review the “Common HTML5 Tags and Structural Elements” reading for more details on this.

QUESTION 9 OF 15

Which type of input control would be most apt for selecting heightin a form?

Range

numberCorrect Answer

list

tel

Explanation:

Using the `number` type would allow the user to enter any custom number, as well as allow you to set a range/step (e.g. if you only want to allow whole numbers, with a maximum of 2m). Review the “HTML5 Input Element: Attributes for the Input Tag” video for more details on this.

QUESTION 10 OF 15

Which of the following is a disadvantage of a Component Framework?

It is more difficult to maintain a uniform style throughout the website

HTML markup is more verbose since styles are mixed with content

Download size of HTML markup is increased

Components are limited only to what the framework providesCorrect Answer

Explanation:

Since component frameworks provide you with pre-styled components, you are limited to using these components. Styling anything else requires the use of Vanilla CSS or an additional framework. Review the “CSS Frameworks” video for more details on this.

QUESTION 11 OF 15

Which tag is used to represent an independent item of content in a document, which can be meaningful on its own?

<div>

<article>Correct Answer

Explanation:

The <article> tag represents a block of code that can logically stand alone. Review the “Common HTML5 Tags and Structural Elements” reading for more details on this.

QUESTION 12 OF 15

Which element defines a caption for the <figure> element?

<figcaption>Correct Answer

<label>

<title>

Explanation:

The < figcaption > tag defines the caption for the contents of the < figure > element. Review the “Common HTML5 Tags and Structural Elements” reading for more details on this.

QUESTION 13 OF 15

Which type of input control can be used to accept only numbers in a form?

Tel

NumberCorrect Answer

integer

digit

Explanation:

The input type - number takes a numeric value as input. Review the “HTML5 Input Element: Attributes for the Input Tag” video for more details on this.

QUESTION 14 OF 15

What makes a Style Sheet “Cascading”?

Elements inherit styles that are defined before them in a CSS document

Parent elements inherit styles that are defined for child elements

Each element has a unique style, unrelated to its’ parent 

Child elements inherit styles that are defined for parent elementsCorrect Answer

QUESTION 15 OF 15

What type of element is <article>?

A graphic element

A semantic elementCorrect Answer

An input element

A multimedia element

Ready to test your recall?

Which of the following describes a Utility-first Framework? Select all that apply.

💡Select all 2 correct answers before submitting (0 of 2 selected).

Provides pre-styled components and templates

Provides complete freedom when styling elements

References CSS properties via Utility Classes

Makes HTML markup more verbose by mixing styles with content

How confident are you in this answer?

PRACTICE QUIZ

Which of the following describes a Utility-first Framework? Select all that apply.

Which of the following tags is used to separate areas in a document?

What type of element is <article>?

Which tag is used to specify self-contained content like an image, illustration, or diagram?

Select all of the following which are true in describing a fluid and/or fixed layout.

Which of the following tags define a caption for a < fieldset > element?

What is a modifier?

Which semantic tag is used to display any content which is indirectlyrelated to the main content of the document?

Which type of input control would be most apt for selecting heightin a form?

Which of the following is a disadvantage of a Component Framework?

Which tag is used to represent an independent item of content in a document, which can be meaningful on its own?

Which element defines a caption for the <figure> element?

Which type of input control can be used to accept only numbers in a form?

What makes a Style Sheet “Cascading”?

What type of element is &lt;article&gt;?

Ready to test your recall?

Which tag is used to specify self-contained content like an image, illustration, or diagram?

What type of element is <article>?