front-end developer capstone coursera week 2 quiz answers
Knowledge check: Semantic structure
1. Which of the following are semantic HTML tags? Choose all that apply.
- <header>
- <h1>
- <table>
- <div>
- <article>
2. Complete the sentence: Semantic tags are a way to...
- Create a table of data.
- Add style to a webpage or document.
- Give meaning to the content of a webpage or document.
- Create a layout for a webpage or document.
3. What is Open Graph protocol (OGP)?
- A protocol for describing the shared content on social media platforms
- A protocol for sending and receiving email messages
- A protocol for encrypting data transmitted over the internet
- A protocol for transmitting audio and video over the internet
4. HTML meta tags are used to provide information about a webpage to search engines and other web services.
- True
- False
5. Which of the following meta tags are valid? Choose all that apply.
- viewport
- og:title
- description
- responsive
Knowledge check: Styling and responsiveness
6. What is the fr unit in CSS grid?
- A length unit used only for the texts in the grid
- A flexible color unit to be used in the grid
- A flexible length unit that grows or shrinks based on the available space in the grid
- A flexible length unit used only for the images in the grid
7. Choose the correct explanation for how the CSS code below works.
@media (max-width: 700px) {
.grid-adjustable-columns {
display: grid;
grid-auto-flow: row;
}
}
@media (min-width: 701px) {
.grid-adjustable-columns {
width: min(1000px,75rem);
margin: 0 auto;
grid-auto-flow: column;
gap: 1em;
}
}
- On small resolutions it stacks the grid items in a column and on large resolutions it lines them up in a single row.
- This code doesn’t work.
- On large resolutions it stacks the grid items in a column and on small resolutions it lines them up in a single row.
8. Which of the following statements about CSS Grid is true?
- CSS Grid is a layout system that allows developers to create grid-based layouts using rows and columns.
- CSS Grid is a programming language used for creating dynamic and interactive web applications.
- CSS Grid is a design tool used for creating graphics and visual elements for webpages.
- CSS Grid is a styling system that allows developers to apply styles to specific elements of a webpage.