HTML5/CSS QUESTIONS AND
ANSWERS 100% PASS
What is the primary purpose of the `<header>` element in HTML5?
✔✔The `<header>` element is used to represent introductory content or navigational links,
typically containing the site's logo and the main navigation.
How can you create a responsive design using CSS?
✔✔Responsive design can be achieved using media queries to apply different styles based on the
viewport size or device characteristics.
What does the `box-shadow` property do in CSS?
✔✔The `box-shadow` property adds shadow effects around an element's frame, enhancing its
visual depth.
How do you embed a video in HTML5?
✔✔A video can be embedded using the `<video>` tag along with the `controls` attribute for
playback options.
1
,What is the function of the `<footer>` tag in HTML5?
✔✔The `<footer>` tag is used to define the footer for a document or section, typically containing
copyright information and related links.
How do you link an external CSS file to an HTML document?
✔✔An external CSS file can be linked using the `<link>` tag in the `<head>` section, specifying
`rel="stylesheet"` and the `href` attribute with the file path.
What does the `:hover` pseudo-class do in CSS?
✔✔The `:hover` pseudo-class applies styles to an element when the mouse pointer is over it,
often used for buttons and links.
What is the purpose of the `<article>` tag in HTML5?
✔✔The `<article>` tag is used to encapsulate independent, self-contained content, such as a
news article or blog post.
How can you create a multi-column layout in CSS?
✔✔A multi-column layout can be created using the `column-count` property, allowing elements
to flow into multiple columns.
2
, What is the purpose of the `<!DOCTYPE html>` declaration in an HTML document?
✔✔The `<!DOCTYPE html>` declaration defines the document type and version of HTML,
ensuring the browser renders the page correctly.
How do you create a navigation bar using CSS?
✔✔A navigation bar can be created using an unordered list (`<ul>`) styled with CSS to display
items inline and apply hover effects.
What does the `flex-direction` property do in a flex container?
✔✔The `flex-direction` property specifies the direction in which flex items are placed in the flex
container, such as `row` or `column`.
How do you apply a gradient background in CSS?
✔✔A gradient background can be applied using the `background-image` property with values
like `linear-gradient` or `radial-gradient`.
What is the function of the `<main>` element in HTML5?
3
ANSWERS 100% PASS
What is the primary purpose of the `<header>` element in HTML5?
✔✔The `<header>` element is used to represent introductory content or navigational links,
typically containing the site's logo and the main navigation.
How can you create a responsive design using CSS?
✔✔Responsive design can be achieved using media queries to apply different styles based on the
viewport size or device characteristics.
What does the `box-shadow` property do in CSS?
✔✔The `box-shadow` property adds shadow effects around an element's frame, enhancing its
visual depth.
How do you embed a video in HTML5?
✔✔A video can be embedded using the `<video>` tag along with the `controls` attribute for
playback options.
1
,What is the function of the `<footer>` tag in HTML5?
✔✔The `<footer>` tag is used to define the footer for a document or section, typically containing
copyright information and related links.
How do you link an external CSS file to an HTML document?
✔✔An external CSS file can be linked using the `<link>` tag in the `<head>` section, specifying
`rel="stylesheet"` and the `href` attribute with the file path.
What does the `:hover` pseudo-class do in CSS?
✔✔The `:hover` pseudo-class applies styles to an element when the mouse pointer is over it,
often used for buttons and links.
What is the purpose of the `<article>` tag in HTML5?
✔✔The `<article>` tag is used to encapsulate independent, self-contained content, such as a
news article or blog post.
How can you create a multi-column layout in CSS?
✔✔A multi-column layout can be created using the `column-count` property, allowing elements
to flow into multiple columns.
2
, What is the purpose of the `<!DOCTYPE html>` declaration in an HTML document?
✔✔The `<!DOCTYPE html>` declaration defines the document type and version of HTML,
ensuring the browser renders the page correctly.
How do you create a navigation bar using CSS?
✔✔A navigation bar can be created using an unordered list (`<ul>`) styled with CSS to display
items inline and apply hover effects.
What does the `flex-direction` property do in a flex container?
✔✔The `flex-direction` property specifies the direction in which flex items are placed in the flex
container, such as `row` or `column`.
How do you apply a gradient background in CSS?
✔✔A gradient background can be applied using the `background-image` property with values
like `linear-gradient` or `radial-gradient`.
What is the function of the `<main>` element in HTML5?
3
