MCQs Of Class 25: Final Project and Course Review
1. What is the purpose of the <DOCTYPE> declaration in HTML?
A) It defines the character encoding.
B) It specifies the HTML version.
C) It defines the language of the document.
D) It specifies the title of the webpage.
Answer: B) It specifies the HTML version.
Explanation: The <!DOCTYPE> declaration tells the browser which version of HTML to use for the page.
2. Which tag is used to define a hyperlink in HTML?
A) <link>
B) <a>
C) <href>
D) <url>
Answer: B) <a>
Explanation: The <a> tag is used to create hyperlinks in HTML.
3. What is the default value of the position property in CSS?
A) static
B) relative
C) absolute
D) fixed
Answer: A) static
Explanation: The default position value in CSS is static, which means elements are positioned according to the normal flow of the document.
4. Which of the following is the correct syntax to add an external CSS file in HTML?
A) <link rel="stylesheet" href="style.css">
B) <style src="style.css">
C) <css src="style.css">
D) <link href="style.css">
Answer: A) <link rel="stylesheet" href="style.css">
Explanation: The <link> tag is used to link an external CSS file to an HTML document, and the rel="stylesheet" specifies the type.
5. Which property is used to change the background color of an element in CSS?
A) background-color
B) color
C) border-color
D) background-image
Answer: A) background-color
Explanation: The background-color property in CSS is used to set the background color of an element.
6. How do you make a list item appear horizontally using CSS?
A) display: inline-block;
B) display: inline;
C) display: block;
D) list-style-type: none;
Answer: B) display: inline;
Explanation: The display: inline property is used to make list items appear horizontally.
7. Which CSS property controls the text size of an element?
A) font-family
B) text-align
C) font-size
D) line-height
Answer: C) font-size
Explanation: The font-size property in CSS controls the size of the text inside an element.
8. What is the default value of the list-style-type property?
A) circle
B) square
C) none
D) disc
Answer: D) disc
Explanation: The default value of list-style-type for an unordered list is disc.
9. Which of the following is the correct syntax for a comment in CSS?
A) <!-- Comment -->
B) // Comment
C) /* Comment */
D) # Comment
Answer: C) /* Comment */
Explanation: In CSS, comments are written using /* */.
10. What does the display: flex; property do in CSS?
A) It makes the element inline.
B) It makes the element a flex container.
C) It changes the display of an element to a grid.
D) It hides the element.
Answer: B) It makes the element a flex container.
Explanation: display: flex; makes an element a flex container, allowing the children to be arranged in a flexible layout.
11. How do you link an external JavaScript file to an HTML document?
A) <script src="script.js"></script>
B) <link href="script.js">
C) <java src="script.js">
D) <js src="script.js">
Answer: A) <script src="script.js"></script>
Explanation: The <script> tag is used to include an external JavaScript file, and src specifies the file path.
12. Which property is used to set the space between the border and content in the box model?
A) padding
B) margin
C) border
D) width
Answer: A) padding
Explanation: The padding property in CSS defines the space between the content of an element and its border.
13. Which HTML tag is used to display images?
A) <image>
B) <pic>
C) <img>
D) <src>
Answer: C) <img>
Explanation: The <img> tag is used to display images in HTML.
14. What is the correct HTML element for inserting a line break?
A) <break>
B) <line>
C) <br>
D) <lb>
Answer: C) <br>
Explanation: The <br> tag is used to insert a line break in HTML.
15. Which property is used to change the font of an element in CSS?
A) font-size
B) font-family
C) text-transform
D) font-style
Answer: B) font-family
Explanation: The font-family property in CSS is used to specify the font of the text in an element.
16. What is the purpose of the target="_blank" attribute in a hyperlink?
A) It opens the link in a new tab.
B) It opens the link in the same tab.
C) It opens the link in the top frame.
D) It prevents the link from opening.
Answer: A) It opens the link in a new tab.
Explanation: The target="_blank" attribute makes a hyperlink open in a new browser tab.
17. Which CSS property is used to set the width of an element?
A) width
B) height
C) size
D) margin
Answer: A) width
Explanation: The width property in CSS defines the width of an element.
18. How do you make text bold using CSS?
A) font-weight: bold;
B) text-weight: bold;
C) font-style: bold;
D) text-transform: bold;
Answer: A) font-weight: bold;
Explanation: The font-weight property is used to make the text bold in CSS.
19. How can you center-align a block-level element in CSS?
A) text-align: center;
B) margin: 0 auto;
C) position: center;
D) align: center;
Answer: B) margin: 0 auto;
Explanation: The margin: 0 auto; rule is used to horizontally center a block-level element.
20. Which of the following properties is used to control the space between columns in a CSS grid?
A) column-gap
B) row-gap
C) gap
D) column-spacing
Answer: A) column-gap
Explanation: The column-gap property sets the space between columns in a grid layout.
21. What does the float property do in CSS?
A) It allows elements to float to the left or right of their container.
B) It changes the position of an element.
C) It makes elements stick to the screen.
D) It centers elements horizontally.
Answer: A) It allows elements to float to the left or right of their container.
Explanation: The float property is used to float elements to the left or right of their container, allowing text or other elements to wrap around it.
22. Which HTML element is used to define an unordered list?
A) <list>
B) <ul>
C) <ol>
D) <li>
Answer: B) <ul>
Explanation: The <ul> tag is used to define an unordered list in HTML.
23. How do you make a list of items appear vertically in HTML?
A) Using <ul>
B) Using <ol>
C) Both <ul> and <ol>
D) Using <li>
Answer: C) Both <ul> and <ol>
Explanation: Both <ul> (unordered list) and <ol> (ordered list) display list items vertically by default.
24. What is the purpose of the z-index property in CSS?
A) It sets the opacity of an element.
B) It determines the stacking order of elements.
C) It sets the color of an element.
D) It makes an element visible.
Answer: B) It determines the stacking order of elements.
Explanation: The z-index property controls the stacking order of elements that overlap.
25. Which tag is used to display a table header?
A) <thead>
B) <th>
C) <tr>
D) <table-header>
Answer: B) <th>
Explanation: The <th> tag is used to define a header cell in a table.
26. How do you remove the underline from links in CSS?
A) text-decoration: none;
B) text-underline: none;
C) remove-decoration: underline;
D) text-style: none;
Answer: A) text-decoration: none;
Explanation: The text-decoration: none; property removes the underline from hyperlinks.
27. How do you make an image responsive in CSS?
A) width: 100%;
B) max-width: 100%;
C) height: 100%;
D) width: auto;
Answer: B) max-width: 100%;
Explanation: Setting max-width: 100% ensures that the image scales with the width of its container while maintaining its aspect ratio.
28. Which property is used to control the space between text characters?
A) letter-spacing
B) word-spacing
C) line-height
D) text-indent
Answer: A) letter-spacing
Explanation: The letter-spacing property controls the space between text characters.
29. Which of the following is used to set the height of an element in CSS?
A) height
B) width
C) margin
D) padding
Answer: A) height
Explanation: The height property sets the height of an element in CSS.
30. How do you create a table row in HTML?
A) <tr>
B) <row>
C) <td>
D) <th>
Answer: A) <tr>
Explanation: The <tr> tag is used to define a row in a table.
31. Which of the following properties is used to set the distance between the content and the border of an element in CSS?
A) margin
B) padding
C) border
D) width
Answer: B) padding
Explanation: The padding property defines the space between the content and the border of an element.
32. How do you select an element with a specific ID in CSS?
A) .id-name
B) #id-name
C) *id-name
D) id-name
Answer: B) #id-name
Explanation: The # symbol is used to select an element by its ID in CSS.
33. What is the purpose of the @media rule in CSS?
A) It allows the use of JavaScript in CSS.
B) It specifies media queries to apply styles based on the device’s characteristics.
C) It sets the background color of an element.
D) It allows the addition of inline CSS.
Answer: B) It specifies media queries to apply styles based on the device’s characteristics.
Explanation: The @media rule is used to apply styles depending on conditions like screen size.
34. Which HTML tag is used to define a paragraph?
A) <p>
B) <text>
C) <para>
D) <h1>
Answer: A) <p>
Explanation: The <p> tag is used to define a paragraph in HTML.
35. How do you add a background image to a webpage in CSS?
A) background-image: url('image.jpg');
B) image-background: url('image.jpg');
C) background: url('image.jpg');
D) background-image: src('image.jpg');
Answer: A) background-image: url('image.jpg');
Explanation: The background-image property is used to set a background image for an element.
36. Which HTML tag is used for a list item?
A) <list>
B) <li>
C) <item>
D) <ol>
Answer: B) <li>
Explanation: The <li> tag is used to define a list item in an ordered or unordered list.
37. Which property is used to control the space between rows in a CSS grid?
A) row-gap
B) gap
C) column-gap
D) row-spacing
Answer: A) row-gap
Explanation: The row-gap property is used to set the space between rows in a grid layout.
38. Which of the following is used to hide an element in CSS?
A) display: none;
B) visibility: hidden;
C) visibility: none;
D) both A and B
Answer: D) both A and B
Explanation: Both display: none; and visibility: hidden; hide an element, but display: none; also removes it from the layout.
39. How do you set the font size to 16px in CSS?
A) font: 16px;
B) font-size: 16px;
C) size: 16px;
D) text-size: 16px;
Answer: B) font-size: 16px;
Explanation: The font-size property is used to set the font size of an element.
40. Which tag is used to create a form in HTML?
A) <form>
B) <input>
C) <textarea>
D) <button>
Answer: A) <form>
Explanation: The <form> tag is used to create an HTML form.
41. Which property is used to change the text color in CSS?
A) text-color
B) color
C) font-color
D) text-style
Answer: B) color
Explanation: The color property in CSS is used to change the color of the text.
42. How do you display an element as a block element in CSS?
A) display: inline;
B) display: block;
C) display: flex;
D) display: grid;
Answer: B) display: block;
Explanation: The display: block; property makes an element a block-level element, occupying the full width.
43. What is the purpose of the box-sizing property in CSS?
A) It defines the width of an element.
B) It controls how the padding and border are included in the width and height.
C) It makes an element fill the container.
D) It changes the size of an element.
Answer: B) It controls how the padding and border are included in the width and height.
Explanation: The box-sizing property is used to include padding and border in an element’s total width and height.
44. How do you center a text horizontally in CSS?
A) text-align: center;
B) margin: auto;
C) align: center;
D) display: center;
Answer: A) text-align: center;
Explanation: The text-align: center; property is used to center text horizontally within its container.
45. Which of the following is the correct way to change the background color of a button in CSS?
A) button-background: red;
B) background-color: red;
C) background: red;
D) color: red;
Answer: B) background-color: red;
Explanation: The background-color property is used to set the background color of an element.
46. Which CSS property is used to add shadows to text?
A) text-shadow
B) box-shadow
C) shadow
D) font-shadow
Answer: A) text-shadow
Explanation: The text-shadow property is used to add shadows to text.
47. What does the visibility: hidden; property do in CSS?
A) It hides the element but retains the space it occupies.
B) It hides the element and removes it from the layout.
C) It makes the element semi-transparent.
D) It makes the element disappear temporarily.
Answer: A) It hides the element but retains the space it occupies.
Explanation: The visibility: hidden; property hides the element, but it still occupies space in the layout.
48. What does the float: right; property do?
A) It moves an element to the left of its container.
B) It moves an element to the right of its container.
C) It aligns an element in the center.
D) It makes the element invisible.
Answer: B) It moves an element to the right of its container.
Explanation: The float: right; property is used to move an element to the right within its containing element.
49. How do you select an element by its class name in CSS?
A) #classname
B) .classname
C) *classname
D) classname
Answer: B) .classname
Explanation: The . selector is used to select an element by its class name in CSS.
50. Which of the following tags is used to group inline elements in HTML?
A) <div>
B) <section>
C) <span>
D) <article>
Answer: C) <span>
Explanation: The <span> tag is used to group inline elements without affecting the layout.