MCQs Of Class 21: Project - Enhancing the Personal Web Page
1. What is the correct HTML element to define a navigation menu?
a) <nav>
b) <menu>
c) <navigation>
d) <section>
Answer: a) <nav>
Explanation: The <nav> element is used to define a section of a webpage for navigation links.
2. Which attribute is used to provide a destination for a link in an anchor (<a>) tag?
a) href
b) src
c) alt
d) action
Answer: a) href
Explanation: The href attribute in the <a> tag specifies the URL or the target location of the link.
3. Which CSS property is used to change the color of a hyperlink when hovered over?
a) text-decoration
b) background-color
c) color
d) hover-color
Answer: c) color
Explanation: The color property is used to change the color of text, including hyperlinks. To change the color when hovered, you can use the :hover pseudo-class in CSS.
4. Which HTML tag is used to include an image in a webpage?
a) <image>
b) <img>
c) <picture>
d) <src>
Answer: b) <img>
Explanation: The <img> tag is used to embed images on a webpage. It requires the src attribute to specify the image path.
5. How do you make an image responsive using CSS?
a) img { width: 100%; height: auto; }
b) img { width: auto; height: 100%; }
c) img { width: 50%; height: 50%; }
d) img { max-width: 100%; height: 100%; }
Answer: a) img { width: 100%; height: auto; }
Explanation: To make an image responsive, set its width to 100% and height to auto to preserve its aspect ratio.
6. Which HTML element is used to embed audio in a webpage?
a) <audio>
b) <sound>
c) <media>
d) <music>
Answer: a) <audio>
Explanation: The <audio> tag is used to embed audio files on a webpage. It can have attributes like controls, autoplay, and loop.
7. Which CSS property is used to change the border radius of an image?
a) border-radius
b) border
c) box-radius
d) corner-radius
Answer: a) border-radius
Explanation: The border-radius property in CSS is used to round the corners of an element, including images.
8. How can you create a form field to input a user's email address in HTML?
a) <input type="email">
b) <input type="text">
c) <textarea>
d) <input type="password">
Answer: a) <input type="email">
Explanation: The type="email" attribute is used for email input fields in HTML forms. It automatically validates the email format.
9. How do you align items horizontally in a navigation bar using CSS?
a) nav ul { text-align: center; }
b) nav ul { display: block; }
c) nav ul { list-style-type: none; }
d) nav ul { display: flex; }
Answer: d) nav ul { display: flex; }
Explanation: Using display: flex on the ul element in CSS aligns the list items horizontally.
10. What is the function of the <video> tag in HTML?
a) To add a YouTube video
b) To display an image
c) To add a video file
d) To play audio files
Answer: c) To add a video file
Explanation: The <video> tag is used to embed a video on a webpage.
11. Which CSS property is used to change the background color of a webpage?
a) color
b) background
c) background-color
d) color-background
Answer: c) background-color
Explanation: The background-color property is used to set the background color of an element, including the entire page.
12. What does the scroll-behavior: smooth; CSS rule do?
a) Makes the page content scroll faster
b) Enables smooth scrolling when navigating between sections
c) Prevents scrolling in mobile view
d) Makes the content scroll continuously
Answer: b) Enables smooth scrolling when navigating between sections
Explanation: The scroll-behavior: smooth; rule adds smooth scrolling when you click on anchor links that jump to different sections.
13. What does the max-width: 100% CSS rule do to an image?
a) Forces the image to have a maximum width of 100px
b) Makes the image cover its container width
c) Scales the image to its original size
d) Ensures the image does not exceed the container width
Answer: d) Ensures the image does not exceed the container width
Explanation: The max-width: 100% rule ensures the image does not exceed the width of its container, making it responsive.
14. Which HTML tag is used to create a section of a webpage?
a) <div>
b) <section>
c) <article>
d) <header>
Answer: b) <section>
Explanation: The <section> tag is used to define sections in a webpage, typically with a specific heading or topic.
15. What is the correct way to apply an external CSS stylesheet to an HTML page?
a) <style src="styles.css">
b) <link rel="stylesheet" href="styles.css">
c) <css src="styles.css">
d) <stylesheet href="styles.css">
Answer: b) <link rel="stylesheet" href="styles.css">
Explanation: The <link> tag is used to link an external CSS stylesheet to an HTML document.
16. Which CSS property is used to add spacing between the text and its border inside an element?
a) padding
b) margin
c) border-spacing
d) text-spacing
Answer: a) padding
Explanation: The padding property is used to add space between the content of an element and its border.
17. How do you define a hyperlink in HTML?
a) <link href="url">
b) <a link="url">
c) <a href="url">
d) <hyperlink href="url">
Answer: c) <a href="url">
Explanation: The <a> tag is used to define hyperlinks, and the href attribute specifies the URL.
18. Which CSS property is used to change the font size of text?
a) text-size
b) font-size
c) font-weight
d) size
Answer: b) font-size
Explanation: The font-size property in CSS is used to set the size of the text in an element.
19. Which HTML tag is used to define a footer in a webpage?
a) <footer>
b) <div>
c) <section>
d) <aside>
Answer: a) <footer>
Explanation: The <footer> tag is used to define the footer of a webpage, typically containing copyright and contact information.
20. How do you center-align text in CSS?
a) text-align: center;
b) align: center;
c) center-text: true;
d) text-align: middle;
Answer: a) text-align: center;
Explanation: The text-align: center; property is used to center-align text within its container.
21. What is the correct way to create a clickable button in HTML?
a) <button action="submit">Click Me</button>
b) <button onclick="submit()">Click Me</button>
c) <a href="submit.html">Click Me</a>
d) <button>Click Me</button>
Answer: d) <button>Click Me</button>
Explanation: The <button> tag is used to create a clickable button in HTML.
22. Which CSS property is used to add space outside an element?
a) padding
b) border
c) margin
d) spacing
Answer: c) margin
Explanation: The margin property adds space outside an element's border.
23. Which HTML tag is used to create a hyperlink that links to another webpage?
a) <link>
b) <a>
c) <button>
d) <iframe>
Answer: b) <a>
Explanation: The <a> tag is used to create hyperlinks to other pages or resources.
24. What does the target="_blank" attribute in an anchor tag do?
a) Opens the link in the same tab
b) Opens the link in a new tab
c) Opens the link in a different window
d) Opens the link in an iframe
Answer: b) Opens the link in a new tab
Explanation: The target="_blank" attribute opens the linked resource in a new tab or window.
25. What is the purpose of using <section> in HTML?
a) To group content into sections with headers
b) To create a page header
c) To display images
d) To display video content
Answer: a) To group content into sections with headers
Explanation: The <section> tag is used to group content into logical sections, often with headings.
26. Which CSS property controls the text color?
a) color
b) font-color
c) text-color
d) background-color
Answer: a) color
Explanation: The color property controls the color of text within an element.
27. How do you create a list in HTML?
a) <ol>
b) <ul>
c) <li>
d) All of the above
Answer: d) All of the above
Explanation: <ul> creates an unordered list, <ol> creates an ordered list, and <li> defines list items.
28. Which CSS property is used to change the background color of an element?
a) color
b) background-color
c) background
d) bg-color
Answer: b) background-color
Explanation: The background-color property changes the background color of an element.
29. Which HTML tag is used to define the largest heading?
a) <h1>
b) <h2>
c) <h3>
d) <h6>
Answer: a) <h1>
Explanation: The <h1> tag defines the largest heading in HTML.
30. What does the text-decoration: underline; CSS property do?
a) Changes the text to bold
b) Makes the text italic
c) Adds a line below the text
d) Changes the text color
Answer: c) Adds a line below the text
Explanation: The text-decoration: underline; property adds a line under the text.
31. Which CSS property is used to set the font style of text?
a) font-style
b) text-font
c) font
d) text-style
Answer: a) font-style
Explanation: The font-style property is used to set the style of the font, such as italic or normal.
32. How do you add a comment in HTML?
a) <!-- This is a comment -->
b) // This is a comment
c) /* This is a comment */
d) # This is a comment
Answer: a) <!-- This is a comment -->
Explanation: In HTML, comments are added using the <!-- --> syntax.
33. How do you include an external JavaScript file in an HTML document?
a) <script href="file.js">
b) <link href="file.js">
c) <script src="file.js"></script>
d) <script file="file.js">
Answer: c) <script src="file.js"></script>
Explanation: The <script> tag with the src attribute is used to include an external JavaScript file.
34. What does the opacity property in CSS do?
a) Changes the visibility of an element
b) Changes the transparency of an element
c) Adjusts the size of an element
d) Hides the element
Answer: b) Changes the transparency of an element
Explanation: The opacity property in CSS controls the transparency of an element, ranging from 0 (completely transparent) to 1 (completely opaque).
35. Which HTML tag is used to display a table?
a) <table>
b) <tr>
c) <td>
d) <thead>
Answer: a) <table>
Explanation: The <table> tag is used to define a table in HTML.
36. What is the correct way to link to an external CSS file?
a) <css href="style.css">
b) <link rel="stylesheet" href="style.css">
c) <style href="style.css">
d) <style src="style.css">
Answer: b) <link rel="stylesheet" href="style.css">
Explanation: The <link> tag with rel="stylesheet" is used to link an external CSS file to an HTML document.
37. Which HTML tag is used to define an input field for a form?
a) <button>
b) <input>
c) <textarea>
d) <form>
Answer: b) <input>
Explanation: The <input> tag is used to create input fields in a form.
38. How do you create a table row in HTML?
a) <tr>
b) <th>
c) <td>
d) <table>
Answer: a) <tr>
Explanation: The <tr> tag defines a table row in HTML.
39. How do you add a class to an HTML element?
a) class="classname"
b) addclass="classname"
c) className="classname"
d) class: classname
Answer: a) class="classname"
Explanation: The class attribute is used to assign a class to an HTML element.
40. What does the border CSS property do?
a) Adds space between elements
b) Adds a border around an element
c) Changes the background color
d) Changes the width of an element
Answer: b) Adds a border around an element
Explanation: The border property is used to define a border around an element, with width, style, and color.
41. Which CSS property is used to display an element as a block?
a) display: block;
b) display: inline;
c) display: flex;
d) display: none;
Answer: a) display: block;
Explanation: The display: block; property is used to display an element as a block-level element.
42. How do you add a comment in CSS?
a) // This is a comment
b) <!-- This is a comment -->
c) /* This is a comment */
d) # This is a comment
Answer: c) /* This is a comment */
Explanation: In CSS, comments are written using the /* */ syntax.
43. Which tag is used to group elements in HTML for styling?
a) <section>
b) <div>
c) <article>
d) <header>
Answer: b) <div>
Explanation: The <div> tag is used to group elements for styling or layout purposes.
44. What is the correct syntax for defining a color in CSS using hexadecimal notation?
a) color: #ff0000;
b) color: red;
c) color: rgb(255, 0, 0);
d) color: #rgb(255, 0, 0);
Answer: a) color: #ff0000;
Explanation: The hexadecimal color #ff0000 represents red.
45. Which HTML tag is used for creating a list item?
a) <ul>
b) <li>
c) <ol>
d) <list>
Answer: b) <li>
Explanation: The <li> tag is used to define a list item inside either an ordered or unordered list.
46. What is the purpose of the z-index property in CSS?
a) To define the font size
b) To control the stacking order of elements
c) To change the background color
d) To define the font family
Answer: b) To control the stacking order of elements
Explanation: The z-index property controls the stacking order of positioned elements.
47. What is the function of the box-shadow property in CSS?
a) Adds a shadow effect around an element
b) Changes the color of the element's border
c) Changes the background of the element
d) Adds a glowing effect to the text
Answer: a) Adds a shadow effect around an element
Explanation: The box-shadow property is used to add shadow effects around elements.
48. Which attribute is used in the <img> tag to specify the image source?
a) src
b) alt
c) href
d) link
Answer: a) src
Explanation: The src attribute specifies the source of the image in the <img> tag.
49. How can you make a list of items that appear with bullet points in HTML?
a) <ol>
b) <ul>
c) <li>
d) <list>
Answer: b) <ul>
Explanation: The <ul> tag is used to create an unordered list, which appears with bullet points.
50. What is the correct HTML tag to define a form?
a) <form>
b) <input>
c) <textarea>
d) <button>
Answer: a) <form>
Explanation: The <form> tag is used to define an HTML form for user input.