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 r...
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
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller StellarScores. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for £7.94. You're not tied to anything after your purchase.