mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2025-12-29 18:02:06 -05:00
feat(curriculum): add question set 2 for semantic html quiz (#58810)
This commit is contained in:
@@ -453,3 +453,492 @@ Which of the following attributes is used to specify the source or reference of
|
||||
|
||||
`cite`
|
||||
|
||||
## --quiz--
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is NOT an example of a presentational HTML element?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`font`
|
||||
|
||||
---
|
||||
|
||||
`center`
|
||||
|
||||
---
|
||||
|
||||
`big`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`article`
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following elements is used to represent a single line of code in HTML?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`codes`
|
||||
|
||||
---
|
||||
|
||||
`codecs`
|
||||
|
||||
---
|
||||
|
||||
`coding`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`code`
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
What is the difference between the `strong` and `b` elements?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
The `b` element is used to emphasize the importance of the text while the `strong` is used to highlight alternative voice or mood.
|
||||
|
||||
---
|
||||
|
||||
The `strong` element is used to highlight alternative voice or mood while the `b` element emphasizes text that is crucial, or urgent.
|
||||
|
||||
---
|
||||
|
||||
The `strong` element is commonly used to highlight keywords in summaries while the `b` element emphasizes text that is crucial, or urgent.
|
||||
|
||||
#### --answer--
|
||||
|
||||
The `b` element is commonly used to highlight keywords in summaries while the `strong` element emphasizes text that is crucial, or urgent.
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is the correct way to use to emphasize a piece of text?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
```html
|
||||
<p>
|
||||
Never give up on <emphasis>your</emphasis> dreams.
|
||||
</p>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<p>
|
||||
Never give up on <emphasize>your</emphasize> dreams.
|
||||
</p>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<p>
|
||||
Never give up on <e>your</e> dreams.
|
||||
</p>
|
||||
```
|
||||
|
||||
#### --answer--
|
||||
|
||||
```html
|
||||
<p>
|
||||
Never give up on <em>your</em> dreams.
|
||||
</p>
|
||||
```
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
What does the `b` element stand for?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Bold Attention To
|
||||
|
||||
---
|
||||
|
||||
Box Model
|
||||
|
||||
---
|
||||
|
||||
Bold Text
|
||||
|
||||
#### --answer--
|
||||
|
||||
Bring Attention To
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
When should you use CSS instead of the `i` or `em` elements?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
When the text has a special purpose or meaning in the paragraph.
|
||||
|
||||
---
|
||||
|
||||
When the text is an idiomatic expression.
|
||||
|
||||
---
|
||||
|
||||
When the text needs to be emphasized for importance.
|
||||
|
||||
#### --answer--
|
||||
|
||||
When you want to display text in italics for presentational purposes only.
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following elements is used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`sub`
|
||||
|
||||
---
|
||||
|
||||
`ruby`
|
||||
|
||||
---
|
||||
|
||||
`s`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`u`
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is the correct way to represent a section quoted from another source?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
```html
|
||||
<cite cite="https://www.freecodecamp.org/news/learn-to-code-book/">
|
||||
"Can you imagine what it would be like to be a successful developer? To have built software systems that people rely upon?"
|
||||
</cite>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<block cite="https://www.freecodecamp.org/news/learn-to-code-book/">
|
||||
"Can you imagine what it would be like to be a successful developer? To have built software systems that people rely upon?"
|
||||
</block>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<quotes cite="https://www.freecodecamp.org/news/learn-to-code-book/">
|
||||
"Can you imagine what it would be like to be a successful developer? To have built software systems that people rely upon?"
|
||||
</quotes>
|
||||
```
|
||||
|
||||
#### --answer--
|
||||
|
||||
```html
|
||||
<blockquote cite="https://www.freecodecamp.org/news/learn-to-code-book/">
|
||||
"Can you imagine what it would be like to be a successful developer? To have built software systems that people rely upon?"
|
||||
</blockquote>
|
||||
```
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following elements is used to mark up the title of a referenced creative work like a book?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`figure`
|
||||
|
||||
---
|
||||
|
||||
`article`
|
||||
|
||||
---
|
||||
|
||||
`div`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`cite`
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
What is the role of the `q` element?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
It represents a fragment of computer code.
|
||||
|
||||
---
|
||||
|
||||
It represents superscript text.
|
||||
|
||||
---
|
||||
|
||||
It represents a date and/or time.
|
||||
|
||||
#### --answer--
|
||||
|
||||
It represents a short inline quotation.
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is used to display abbreviations and acronyms in HTML?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
```html
|
||||
<p><acronym>HTML</acronym> is the foundation of the web.</p>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<p><acr>HTML</acr> is the foundation of the web.</p>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<p><abbreviation>HTML</abbreviation> is the foundation of the web.</p>
|
||||
```
|
||||
|
||||
#### --answer--
|
||||
|
||||
```html
|
||||
<p><abbr>HTML</abbr> is the foundation of the web.</p>
|
||||
```
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
What is the role of the `title` attribute inside of the abbreviation element?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
It is used to represent subscript text.
|
||||
|
||||
---
|
||||
|
||||
It is used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
|
||||
|
||||
---
|
||||
|
||||
It is used to annotate text with pronunciation or meaning explanations.
|
||||
|
||||
#### --answer--
|
||||
|
||||
It is used to help users understand what this acronym means.
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following elements is used to represent contact information on the web page?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`location`
|
||||
|
||||
---
|
||||
|
||||
`residence`
|
||||
|
||||
---
|
||||
|
||||
`contact`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`address`
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
What is the role of the `datetime` attribute in the `time` element?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
It is used to display an alert to show the current date and time.
|
||||
|
||||
---
|
||||
|
||||
It is used to set the time to a 12-hour clock format.
|
||||
|
||||
---
|
||||
|
||||
It is used to set the time to military format.
|
||||
|
||||
#### --answer--
|
||||
|
||||
It is used to represent dates and times in a machine-readable format.
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is used to display a piece of text as a superscript?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
```html
|
||||
<p>2<superscript>2</superscript> (2 squared) is 4.</p>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<p>2<s>2</s> (2 squared) is 4.</p>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<p>2<super>2</super> (2 squared) is 4.</p>
|
||||
```
|
||||
|
||||
#### --answer--
|
||||
|
||||
```html
|
||||
<p>2<sup>2</sup> (2 squared) is 4.</p>
|
||||
```
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is NOT a common use case for using the subscript (`sub`) element?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
variable subscripts
|
||||
|
||||
---
|
||||
|
||||
foot notes
|
||||
|
||||
---
|
||||
|
||||
chemical formulas
|
||||
|
||||
#### --answer--
|
||||
|
||||
displaying dates
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
What is the role of the `s` element?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
It is used to style a piece of text with a raised baseline.
|
||||
|
||||
---
|
||||
|
||||
It is used to indicate text for the ruby annotation.
|
||||
|
||||
---
|
||||
|
||||
It is used to represent inline text that has non-textual annotation applied.
|
||||
|
||||
#### --answer--
|
||||
|
||||
It is used to represent when text is no longer accurate or relevant.
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is NOT a common use case for using the superscript element?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
exponents
|
||||
|
||||
---
|
||||
|
||||
superior lettering
|
||||
|
||||
---
|
||||
|
||||
ordinal numbers
|
||||
|
||||
#### --answer--
|
||||
|
||||
foot notes
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
What is the role of the `ruby` element?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
It represents a list of term-description groupings.
|
||||
|
||||
---
|
||||
|
||||
It represents the term being defined in a description list.
|
||||
|
||||
---
|
||||
|
||||
It represents preformatted text for code examples.
|
||||
|
||||
#### --answer--
|
||||
|
||||
It represents small text shown above or below the main text.
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following elements is used as a fallback for browsers lacking support for displaying ruby annotations?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`rub`
|
||||
|
||||
---
|
||||
|
||||
`pr`
|
||||
|
||||
---
|
||||
|
||||
`r`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`rp`
|
||||
|
||||
Reference in New Issue
Block a user