mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-04-19 13:00:51 -04:00
chore(curriculum): adding set 3 of basic HTML questions (#58711)
Co-authored-by: Zaira <33151350+zairahira@users.noreply.github.com>
This commit is contained in:
Jessica Wilkins
@@ -894,3 +894,482 @@ The link has been visited by the user.
|
||||
#### --answer--
|
||||
|
||||
A user is actively clicking on it.
|
||||
|
||||
## --quiz--
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following will open the link in a new browser tab?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
```html
|
||||
<a target="_parent" href="https://freecatphotoapp.com">cat photos</a>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<a target="_top" href="https://freecatphotoapp.com">cat photos</a>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<a target="_self" href="https://freecatphotoapp.com">cat photos</a>
|
||||
```
|
||||
|
||||
#### --answer--
|
||||
|
||||
```html
|
||||
<a target="_blank" href="https://freecatphotoapp.com">cat photos</a>
|
||||
```
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is a void element?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`div`
|
||||
|
||||
---
|
||||
|
||||
`section`
|
||||
|
||||
---
|
||||
|
||||
`p`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`img`
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is the correct way to use HTML entities?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`<p>This is an <&img />& element</p>`
|
||||
|
||||
---
|
||||
|
||||
`<p>This is an ;lt&img /;gt& element</p>`
|
||||
|
||||
---
|
||||
|
||||
`<p>This is an ;lt;img /;gt; element</p>`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`<p>This is an <img /> element</p>`
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
What is the `ul` element used for in HTML?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
It is used to group a list of images only.
|
||||
|
||||
---
|
||||
|
||||
It is used to group a list of links only.
|
||||
|
||||
---
|
||||
|
||||
It is used to group an ordered list of items.
|
||||
|
||||
#### --answer--
|
||||
|
||||
It is used to group a bulleted list of items.
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is the correct way to apply multiple classes to an HTML element?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
```html
|
||||
<div class="box>>red>>box"></div>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<div class="box<<red<<box"></div>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<div class="box-red-box"></div>
|
||||
```
|
||||
|
||||
#### --answer--
|
||||
|
||||
```html
|
||||
<div class="box red-box"></div>
|
||||
```
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following elements is used to represent an ordered list of items?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`span`
|
||||
|
||||
---
|
||||
|
||||
`div`
|
||||
|
||||
---
|
||||
|
||||
`ul`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`ol`
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
What are open graph properties used for?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
These properties are used to embed interactive multimedia content directly into web pages.
|
||||
|
||||
---
|
||||
|
||||
These properties are used to generate dynamic pop-up advertisements on websites.
|
||||
|
||||
---
|
||||
|
||||
These properties are used to encrypt sensitive data transmitted between web servers and users' browsers.
|
||||
|
||||
#### --answer--
|
||||
|
||||
These properties are used to set how a website's content will be seen on different social media platforms.
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is used to set a short description for a web page?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
```html
|
||||
<meta
|
||||
add="description"
|
||||
content="Discover expert tips and techniques for gardening in small spaces, choosing the right plants, and maintaining a thriving garden."
|
||||
/>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<meta
|
||||
set="description"
|
||||
content="Discover expert tips and techniques for gardening in small spaces, choosing the right plants, and maintaining a thriving garden."
|
||||
/>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<meta
|
||||
description="description"
|
||||
content="Discover expert tips and techniques for gardening in small spaces, choosing the right plants, and maintaining a thriving garden."
|
||||
/>
|
||||
```
|
||||
|
||||
#### --answer--
|
||||
|
||||
```html
|
||||
<meta
|
||||
name="description"
|
||||
content="Discover expert tips and techniques for gardening in small spaces, choosing the right plants, and maintaining a thriving garden."
|
||||
/>
|
||||
```
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
What does SVG stand for?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Scalable Vector Graph
|
||||
|
||||
---
|
||||
|
||||
Scalable Vistor Graphics
|
||||
|
||||
---
|
||||
|
||||
Site Vector Graphics
|
||||
|
||||
#### --answer--
|
||||
|
||||
Scalable Vector Graphics
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
What is the role of the `footer` element?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
This element is used to group related captions and images on a web page.
|
||||
|
||||
---
|
||||
|
||||
This element is used to create horizontal lines in between paragraphs on the page.
|
||||
|
||||
---
|
||||
|
||||
This element is used to create a list of ordered items at the bottom of the page.
|
||||
|
||||
#### --answer--
|
||||
|
||||
This element is used to group copyright content or related documents at the bottom of the page.
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
What is `UTF-8` character encoding?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
It is a standardized character encoding used to set the title for a web page.
|
||||
|
||||
---
|
||||
|
||||
It is a set of characters used to set the page description for the web page.
|
||||
|
||||
---
|
||||
|
||||
It is a special set of characters used in elements to improve media performance.
|
||||
|
||||
#### --answer--
|
||||
|
||||
It is a standardized character encoding widely used on the web.
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is an example of a replaced element?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`slot`
|
||||
|
||||
---
|
||||
|
||||
`div`
|
||||
|
||||
---
|
||||
|
||||
`p`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`iframe`
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is considered the most important heading on a web page?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`h6`
|
||||
|
||||
---
|
||||
|
||||
`h3`
|
||||
|
||||
---
|
||||
|
||||
`h5`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`h1`
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following elements is used to link to external resources like stylesheets and site icons?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`a`
|
||||
|
||||
---
|
||||
|
||||
`p`
|
||||
|
||||
---
|
||||
|
||||
`div`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`link`
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following elements is used to convey a sense of urgency, seriousness or strong importance?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`important`
|
||||
|
||||
---
|
||||
|
||||
`heavy`
|
||||
|
||||
---
|
||||
|
||||
`strength`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`strong`
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
What is the role of the `figcaption` element?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
It provides captions for the content inside a `span` element.
|
||||
|
||||
---
|
||||
|
||||
It provides captions for the content inside a `slot` element.
|
||||
|
||||
---
|
||||
|
||||
It provides captions for the content inside a `div` element.
|
||||
|
||||
#### --answer--
|
||||
|
||||
It provides captions for the content inside a `figure` element.
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is the correct way to set the `DOCTYPE` declaration for an HTML document?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`<DOCTYPE>`
|
||||
|
||||
---
|
||||
|
||||
`<*DOCTYPE html>`
|
||||
|
||||
---
|
||||
|
||||
`<<DOCTYPE html>>`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`<!DOCTYPE html>`
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
What is the purpose of the `head` element in an HTML document?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
It is a container of anchor elements for the HTML document.
|
||||
|
||||
---
|
||||
|
||||
It is a container of images for the HTML document.
|
||||
|
||||
---
|
||||
|
||||
It is a container of heading elements for the HTML document.
|
||||
|
||||
#### --answer--
|
||||
|
||||
It is a container of meta data for the HTML document.
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following is the correct way to set the language of the HTML document to english?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`<html lang-set="en">`
|
||||
|
||||
---
|
||||
|
||||
`<html set-lang="en">`
|
||||
|
||||
---
|
||||
|
||||
`<html language="en">`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`<html lang="en">`
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Which of the following elements should NOT be placed inside of the `head`?
|
||||
|
||||
#### --distractors--
|
||||
|
||||
`link`
|
||||
|
||||
---
|
||||
|
||||
`meta`
|
||||
|
||||
---
|
||||
|
||||
`title`
|
||||
|
||||
#### --answer--
|
||||
|
||||
`img`
|
||||
|
||||
|
||||
Reference in New Issue
Block a user