Web Development - Section 3

Which tag is used to represent an independent item of content in a document, which can be meaningful on its own? A) <article> B) <details> C) <section> D) <div>

A) <article> Correct Correct. 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.

Which element defines a caption for the <figure> element? A) <figcaption> B) <legend> C) <label> D) <title>

A) <figcaption> Correct Correct. 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.

Which of the following ways of applying CSS has the highest priority, and will override the other ways? A) Inline CSS, placed directly in each HTML element B) Internal CSS, applied within the "<style>" attribute in HTML markup C) An external CSS file D) Whichever way is specified in the HTML markup

A) Inline CSS, placed directly in each HTML element Correct Correct. Inline CSS has the highest order of precedence, and will override other styles. Review the "CSS - Styling HTML" video for more details on this.

What is a modifier? A) A type of button which allows you to modify content in a form B) A special class modifies the appearance of elements by applying a CSS attribute based on the condition described C) The term used to refer to a JavaScript class which updates content on a webpage D) A method used to modify CSS styling applied to an HTML element

B) A special class modifies the appearance of elements by applying a CSS attribute based on the condition described Correct Correct. 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.

Select all of the following which are true in describing a fluid and/or fixed layout. A) A fixed layout specifies element sizes using percentages B) Elements in a fluid layout have flexible widths and heights C) Fluid layouts should always be used when designing a website D) Fixed layouts are independent of screen sizes, and their values do not change

B) Elements in a fluid layout have flexible widths and heights Correct Correct. 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. D) Fixed layouts are independent of screen sizes, and their values do not change Correct Correct. 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.

Which of the following tags define a caption for a < fieldset > element? A) <label> B) <caption> C) <legend> D) <title>

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

Which of the following is a disadvantage of a Component Framework? A) Download size of HTML markup is increased B) HTML markup is more verbose since styles are mixed with content C) Components are limited only to what the framework provides D) It is more difficult to maintain a uniform style throughout the website

C) Components are limited only to what the framework provides Correct Correct. 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.

Which semantic tag is used to display any content which is indirectly related to the main content of the document? A) <section> B) <details> C) <article> D) <aside>

D) <aside> Correct Correct. 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.

Which type of input control can be used to accept only numbers in a form? A) digit B) integer C) tel D) Number

D) Number Correct Correct. 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.

Which type of input control would be most apt for selecting height in a form? A) list B) range C) tel D) Number

D) Number Correct Correct. 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.