HTML Quiz - based on Altschool slides

1. What is the purpose of the <head> element in an HTML document?

To define the main content of the page.
To include metadata and links to scripts/stylesheets.
To create a footer for the page.
To display images.

2. Which attribute is used to specify the language of an HTML document?

lang
language
locale
xml:lang

3. What is the function of the alt attribute in the <img> tag?

To specify the image source.
To provide alternative text for accessibility.
To define the image size.
To link to another page.

4. Which HTML element is used to create a navigation menu?

<nav>
<menu>
<header>
<ul>

5. What does the role attribute do in HTML?

It defines the style of an element.
It provides semantic meaning for accessibility.
It specifies the ID of an element.
It links to external stylesheets.

6. Which of the following is a boolean attribute?

required
value
href
src

7. What is the purpose of the <details> element?

To create a collapsible section of content.
To display a list of items.
To define a footer for the page.
To create a navigation menu.

8. How can you access the current time of a video using HTML APIs?

Using HTMLMediaElement.currentTime
Using video.currentTime()
Using getCurrentTime()
Using currentTime.get()

9. What is the purpose of the contenteditable attribute?

To make an element editable by the user.
To specify the content type of an element.
To define the language of the content.
To set the visibility of an element.

10. Which of the following is a semantic HTML element?

<div>
<span>
<article>
<body>

11. What does the <meta charset="UTF-8"> tag specify?

The character encoding for the document.
The title of the document.
The viewport settings for mobile devices.
The author of the document.

12. Which paradigm is focused on using functions as the primary building blocks?

Functional Programming
Object-Oriented Programming
Procedural Programming
Logic Programming

13. What is the purpose of the <figure> element?

To group related content.
To represent self-contained content, like images or diagrams.
To define a footer for the page.
To create a navigation menu.

14. Which HTML element is used to define a section of related content?

<div>
<section>
<article>
<aside>

15. What does the <blockquote> element represent?

A section of text that is quoted from another source.
A paragraph of text.
A navigation link.
A header for a section.

16. Which HTML element is used to create a drop-down list?

<select>
<dropdown>
<list>
<option>

17. What is the purpose of the <canvas> element?

To define a section of text.
To display images.
To create a video player.
To create a drawing area for graphics.

18. Why is using semantic HTML important?

It makes the website load faster
It enhances accessibility and machine-readability
It allows for more complex designs
It reduces the need for CSS

19. Which of the following is a global attribute?

autofocus
checked
disabled
id

20. What are boolean attributes?

Attributes that accept any string value
Attributes that have a limited set of predefined values
Attributes that are always true if present
Attributes that only apply to text elements

21. What does the target attribute _blank do when used in an <a> tag? element?

Opens the link in the same tab
Opens the link in a new tab or window
Opens the link in a new frame
Opens the link in a pop-up window

22. What does the <link> element do?

Links to external resources like stylesheets.
Defines a hyperlink.
Embeds audio content.
Creates a table.

23. How do you create a mailto link in HTML?

<a href="mailto:someone@example.com">Email</a>
<a mail="someone@example.com">Email</a>
<a href="mail:someone@example.com">Email</a>
<a email="someone@example.com">Email</a>

24. What is the purpose of the <summary> element?

To provide a description for a <details> element.
To define a header for a section.
To create a navigation menu.
To display images.

25. Which attribute is used to specify the language of the document?

lang
language
xml:lang
locale

26. Which attribute specifies where to send the form data when a form is submitted?

method
action
enctype
submit

27. Which HTML element is used to create a checkbox?

<input type="checkbox">
<checkbox>
<check>
<radio>

28. What is the purpose of the <title> element?

To define the title of the document.
To create a header for a section.
To embed audio content.
To create a navigation menu.

29. Which HTML element is used to create a horizontal line?

<hr>
<line>
<horizontal>
<div>

30. Which of the following statements is true regarding the use of modal and non-modal dialogs in web applications?

Non-modal dialogs are generally preferable for critical user tasks.
Modal dialogs are often used to ensure user attention before proceeding.
Both modal and non-modal dialogs block user interactions until dismissed.
Non-modal dialogs do not have any user interface constraints.

31. Which attribute is used to merge two or more table cells horizontally?

rowspan
merge
colspan
span

32. What does the href attribute specify in an <a> tag?

The URL of the page the link goes to.
The text displayed for the link.
The target of the link.
The style of the link.

33. What is the purpose of the placeholder attribute in an `input` element?

To provide a default value for the input field
To display a short hint inside the input field
To specify the type of input expected
To label the input field

34.What does the aria-label attribute do?

It provides a label for an element without visual text
It defines the role of an element
To define the It specifies the source of an element
It links to an external script

35. Which element is used to define a self-contained piece of content that could be distributed or reused independently?

<section>
<article>
<div>
<aside>

36. What is the purpose of the <meta> tag in the <head> section?

To provide metadata about the HTML document.
To link to external stylesheets.
To define the title of the document.
To create a script for the document.

37. Which HTML element is used to create a list of items that are not ordered?

<ol>
<ul>
<li>
<dl>

38. What does the required attribute do in a form control?

It makes the field mandatory to fill out before submission.
It specifies the maximum length of the input.
It sets a default value for the input.
It disables the input field.

39. Which attribute is used to specify a default value for an input field?

default
value
initial
data

40. What does the role attribute do?

It provides a label for an input field.
It specifies the role of an element in the document.
It defines a group of related form controls.
It specifies the type of input expected.

41. What command is used to initialize a new Git repository?

git start
git init
git new
git create

42. Which Git command is used to add changes to the staging area??

git stage
git add
git commit
git update

43. What will create a new branch in Git?

git branch
git create
git new-branch
git switch

44. What command do you use to remove a file from the staging area in Git?

git remove <file_name>
git unstage <file_name>
git reset <file_name>
git clear <file_name>

45.How can you see which files have been changed, staged, or committed in Git?

git status
git diff
git changes
git check-files

46. Which command will show the commit history in Git?

git history
git log
git commits
git show-commits

47. What is a primary characteristic that distinguishes a modal dialog from a non-modal dialog in HTML?

A modal dialog allows users to interact with the main content while it is open.
A modal dialog blocks interactions with the main content until it is closed.
A modal dialog does not require user interaction to close.
A non-modal dialog can only be used for alerts.

48. What is the purpose of the <iframe> tag in HTML?

To create a link to an external website.
To embed another HTML page within the current page
To create a frame layout for the webpage.
To modify the document's title.

49. What does the autofocus attribute do in an input field?

It automatically focuses the input field when the page loads.
It makes the input field read-only.
It sets a default value for the input.
It specifies the maximum length of the input.

50. What other command is used to create a new branch in Git?

git new branch <branch_name>
git checkout -b <branch_name>
git branch-create <branch_name>
git BRANCH <branch_name>

51. Which of the following accurately describes the primary use cases for the number, range, and date input types in HTML forms?

number for integers, range for floating-point values, and date for any date format.
number for numerical input, range for selecting a value within a predefined range, and date for selecting a date.
number and range are interchangeable, while date is for specific date formats.
number for any numerical input, range for text input, and date for date and time input.