Scribd
Upload
4 views

Full Stack Web Dev Mcqs Complete[1]

The document outlines a Full Stack Web Development Course by IQmath Technologies, consisting of 120 questions divided into three sections: HTML, CSS, and React.js. Each section contains multiple-choice questions covering fundamental concepts and syntax related to web development technologies. The course aims to assess knowledge and skills in web development through these questions.

Uploaded by

dinakarexam27
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4 views

Full Stack Web Dev Mcqs Complete[1]

The document outlines a Full Stack Web Development Course by IQmath Technologies, consisting of 120 questions divided into three sections: HTML, CSS, and React.js. Each section contains multiple-choice questions covering fundamental concepts and syntax related to web development technologies. The course aims to assess knowledge and skills in web development through these questions.

Uploaded by

dinakarexam27
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 21

www.iqmath.

in

IQmath Technologies
Full Stack Web Development Course
(120 Marks)

Section: HTML (40 Questions)


1. What does HTML stand for?

A. Hyperlinks and Text Markup Language


B. Home Tool Markup Language
C. Hyper Text Markup Language
D. Hyper Tool Markup Language

2. Which HTML tag is used to define an internal style sheet?

A. <style>
B. <css>
C. <script>
D. <link>

3. Which tag is used to define a table row in HTML?

A. <td>
B. <th>
C. <tr>
D. <table>

4. What is the correct HTML element for inserting a line break?

A. <break>
B. <br>
C. <lb>
D. <line>

5. Which HTML attribute is used to define inline styles?

A. class
B. style
C. font
D. styles
www.iqmath.in

6. Which doctype declaration is correct for HTML5?

A. <!DOCTYPE html>
B. <doctype html>
C. <!HTML5>
D. <HTML DOCTYPE>

7. What is the purpose of the `<head>` tag?

A. Contains visible content


B. Defines footer content
C. Contains metadata
D. Defines navigation

8. Which tag is used to create a hyperlink in HTML?

A. <a>
B. <link>
C. <href>
D. <hyper>

9. Which HTML element is used to display a picture?

A. <pic>
B. <image>
C. <img>
D. <src>

10. What attribute is used to provide alternate text for an image?

A. src
B. title
C. alt
D. href

11. Which tag is used for the largest heading?

A. <head>
B. <h6>
C. <heading>
D. <h1>
www.iqmath.in

12. Which HTML element is used for emphasized text?

A. <i>
B. <italic>
C. <em>
D. <strong>

13. What is the correct HTML for creating a checkbox?

A. <input type='checkbox'>
B. <checkbox>
C. <check>
D. <input type='check'>

14. Which input type defines a slider control?

A. slider
B. range
C. scroll
D. slide

15. What is the correct way to comment in HTML?

A. // comment
B. # comment
C. <!-- comment -->
D. **comment**

16. Which HTML tag is used to create a numbered list?

A. <ul>
B. <ol>
C. <li>
D. <dl>

17. What is the default alignment of text in HTML?

A. Left
B. Right
C. Center
D. Justify
www.iqmath.in

18. Which HTML element defines the title of a document?

A. <meta>
B. <title>
C. <head>
D. <h1>

19. Which tag is used to define a form in HTML?

A. <input>
B. <form>
C. <submit>
D. <action>

20. What attribute is used to specify the destination of a link?

A. src
B. href
C. link
D. url

21. Which HTML attribute specifies an image source?

A. src
B. href
C. alt
D. title

22. What does the <meta> tag provide?

A. Graphics
B. Scripting
C. Metadata
D. Images

23. Which tag is used for creating an unordered list?

A. <ul>
B. <ol>
C. <li>
D. <dl>
www.iqmath.in

24. Which attribute is used to open a link in a new tab?

A. target='_blank'
B. href='_blank'
C. newtab
D. link='new'

25. What does the <iframe> tag do?

A. Creates a table
B. Embeds another document
C. Adds JavaScript
D. Inserts an image

26. What is the purpose of <label> in HTML forms?

A. Styles inputs
B. Submits forms
C. Describes input elements
D. Creates buttons

27. What is the correct way to embed a video in HTML5?

A. <video>
B. <media>
C. <mp4>
D. <play>

28. Which tag is used to define a dropdown list?

A. <select>
B. <input>
C. <dropdown>
D. <option>

29. Which HTML tag defines a footer for a document?

A. <bottom>
B. <footer>
C. <section>
D. <foot>
www.iqmath.in

30. How do you define a checkbox in HTML?

A. <check>
B. <input type='checkbox'>
C. <select type='check'>
D. <checkbox>

31. Which tag defines navigation links?

A. <nav>
B. <navigate>
C. <menu>
D. <links>

32. Which tag is used to mark a block of code?

A. <script>
B. <code>
C. <pre>
D. <format>

33. What does the <abbr> tag define?

A. Image
B. Table
C. Abbreviation
D. Paragraph

34. What tag defines a term in a description list?

A. <dd>
B. <dt>
C. <dl>
D. <li>

35. Which tag is used for a progress bar in HTML5?

A. <bar>
B. <progress>
C. <meter>
D. <load>
www.iqmath.in

36. What is the <canvas> element used for?

A. Create tables
B. Draw graphics
C. Insert videos
D. Create forms

37. How do you specify a comment in HTML?

A. <!-- comment -->


B. // comment
C. # comment
D. /* comment */

38. Which tag is used to embed audio files?

A. <audio>
B. <sound>
C. <media>
D. <mp3>

39. What does the <mark> tag do?

A. Italicizes text
B. Highlights text
C. Strikes through text
D. Bolds text

40. Which tag defines a scalar measurement within a known range?

A. <meter>
B. <scale>
C. <range>
D. <progress>

Section: CSS (40 Questions)


41. What does CSS stand for?

A. Colorful Style Sheets


B. Creative Style Sheets
C. Cascading Style Sheets
D. Computer Style Sheets
www.iqmath.in

42. Which HTML tag is used to link an external CSS file?

A. <css>
B. <style>
C. <link>
D. <script>

43. Which property is used to change the background color?

A. bgcolor
B. color
C. background-color
D. background

44. Which CSS property controls the text size?

A. font-style
B. text-size
C. font-size
D. text-style

45. What value is the default for position property?

A. static
B. absolute
C. fixed
D. relative

46. Which property is used to make text bold?

A. font-weight
B. bold
C. text-weight
D. font-style

47. What does the z-index property control?

A. The zoom level


B. The stacking order
C. The text direction
D. The shadow depth
www.iqmath.in

48. Which symbol is used for ID selector in CSS?

A. #
B. .
C. :
D. ::

49. Which property is used to underline text?

A. text-decoration
B. text-style
C. font-decoration
D. decoration

50. Which CSS unit is relative to the root element?

A. em
B. rem
C. %
D. px

51. What is the correct syntax for a class selector?

A. #class
B. .class
C. class
D. @class

52. Which property is used to set the spacing between lines of text?

A. letter-spacing
B. line-spacing
C. line-height
D. spacing

53. How do you make a list that lists items with squares?

A. list-style-type: square;
B. list: square;
C. type: square;
D. bullet: square;
www.iqmath.in

54. What does `display: none` do?

A. Hides the element


B. Makes element invisible but clickable
C. Removes style
D. Only hides background

55. Which property is used to align text to the center?

A. text-align: center;
B. align: center;
C. horizontal-align: center;
D. center-text: true;

56. What is the default value of `display` property?

Which value of position A. inline


B. block
C. none
D. flex

57. places the element relative to the nearest positioned ancestor?

A. absolute
B. relative
C. fixed
D. static

58. Which of the following is not a valid color value in CSS?

A. red
B. #FF0000
C. rgb(255,0,0)
D. col(red)

59. Which property adds shadow to text?

A. text-shadow
B. font-shadow
C. box-shadow
D. shadow
www.iqmath.in

60. Which shorthand property is used to set margin on all sides?

A. margin
B. padding
C. border
D. spacing

61. What property changes the font of an element?

A. font-style
B. font
C. font-family
D. text-style

62. Which property sets the space between letters?

A. letter-spacing
B. word-spacing
C. text-spacing
D. font-spacing

63. What does `position: fixed;` do?

A. Keeps element in view while scrolling


B. Positions relative to parent
C. Hides element
D. Stretches to full screen

64. What is the use of `box-sizing: border-box;`?

A. Includes padding and border in width/height


B. Excludes padding
C. Removes borders
D. Adds box shadows

65. Which property is used to set an image as background?

A. background-image
B. img
C. background-url
D. image-set
www.iqmath.in

66. How do you make a flex container?

A. display: grid;
B. display: inline;
C. display: flex;
D. position: flex;

67. What property sets the order of flex items?

A. order
B. flex-order
C. item-order
D. sequence

68. What property allows items to wrap in flexbox?

A. flex-wrap
B. wrap
C. flex-line
D. item-wrap

69. What is the default value of `flex-direction`?

A. column
B. row
C. horizontal
D. vertical

70. Which property sets the shadow of a box?

A. text-shadow
B. box-shadow
C. shadow-box
D. element-shadow

71. What does `z-index` control?

A. Color scheme
B. Position
C. Layer stack
D. Font style
www.iqmath.in

72. What is used to center a block horizontally?

A. margin: auto;
B. text-align: center;
C. align: center;
D. center: block;

73. What CSS unit is relative to the parent element?

A. rem
B. em
C. px
D. %

74. Which pseudo-class targets the first child?

A. :first
B. ::first
C. :first-child
D. ::first-child

75. Which CSS rule makes text italic?

A. font-style: italic;
B. font-weight: italic;
C. text-decoration: italic;
D. style: italic;

76. Which is a valid CSS comment?

A. // comment
B. /* comment */
C. <!-- comment -->
D. # comment

77. How do you make a grid layout?

A. display: flex;
B. display: grid;
C. layout: grid;
D. position: grid;
www.iqmath.in

78. What property defines how far a background image is scrolled?

A. background-attachment
B. scroll
C. image-scroll
D. background-move

79. Which property adds rounded corners?

A. border-radius
B. corner
C. round
D. border-style

80. Which value of `display` removes the element from layout?

A. block
B. inline
C. none
D. hidden

Section: React.js (40 Questions)


81. What is React primarily used for?

A. Server-side development
B. Database management
C. Building user interfaces
D. File management

82. What is the correct syntax to create a component in React?

A. function MyComponent[] {}
B. component MyComponent() {}
C. function MyComponent() {}
D. create MyComponent = () => {}

83. What hook is used to handle state in functional components?

A. useRef()
B. useEffect()
C. useState()
D. useContext()
www.iqmath.in

84. What does JSX stand for?

A. JavaScript XML
B. Java Syntax Extension
C. JSON Syntax XML
D. JavaScript XHTML

85. Which method is used to render React components?

A. React.mount()
B. ReactDOM.render()
C. React.render()
D. ReactDOM.display()

86. Which hook is used for side effects in functional components?

A. useFetch()
B. useEffect()
C. useState()
D. useMemo()

87. How do you pass data to a child component?

A. using arguments
B. using props
C. using states
D. using events

88. What is the default port for React app?

A. 3000
B. 8080
C. 5000
D. 4200

89. What is a state in React?

A. A permanent storage
B. A way to manage local component data
C. A prop
D. A component
www.iqmath.in

90. How do you create a context in React?

A. React.createContext()
B. React.Context()
C. useContext()
D. new Context()

91. What hook is used to reference DOM elements?

A. useRef()
B. useDOM()
C. useElement()
D. useState()

92. What function is used to update state?

A. setValue
B. useState()
C. setter()
D. setState()

93. What is a prop?

A. Component method
B. External API
C. Component input
D. Redux data

94. Which method is used to lift state up?

A. sendState()
B. shareState()
C. useEffect()
D. Lifting state up

95. Which of the following is used to prevent component re-render?

A. useStop()
B. React.memo()
C. shouldComponentUpdate()
D. usePrevent()
www.iqmath.in

96. What is the return type of `useState()`?

A. array
B. object
C. number
D. function

97. Which lifecycle method runs after the first render?

A. componentDidMount
B. componentDidUpdate
C. componentWillUnmount
D. componentWillMount

98. Which hook replaces componentDidMount?

A. useMount()
B. useEffect()
C. useStart()

99. Which package is used for routing in React?

A. react-router
B. react-path
C. react-navigate
D. react-links

100.What is React.Fragment used for?

A. Styling
B. To group multiple elements
C. Routing
D. Event handling

101.What is a component in React?

A. A CSS file
B. A reusable piece of UI
C. A state variable
D. A JavaScript function
www.iqmath.in

102. Which hook replaces lifecycle methods?

A. useEffect
B. useMemo
C. useRef
D. useCallback

103.What is `useReducer` used for?

A. Routing
B. Form validation
C. State management
D. Context setup

104.What is a key in a list?

A. CSS class
B. Unique identifier for list items
C. React prop
D. Component ID

105.Which method prevents default form behavior?

A. preventDefault()
B. stopDefault()
C. cancelEvent()
D. noSubmit()

106.Which command creates a new React app?

A. npx create-react-app
B. npm install react
C. npx new react
D. create react-app

107.Which is not a valid React hook?

A. useState
B. useEffect
C. useRouting
D. useRef
www.iqmath.in

108.Which of these is a controlled component?

A. Input with value prop


B. Textarea without props
C. Static HTML
D. DOM element

109.What is JSX?

A. XML parser
B. JavaScript with XML
C. JSON structure
D. JavaScript extension for server

110.Which lifecycle method is used for cleanup?

A. componentDidUnmount
B. componentWillUnmount
C. useCleanup
D. useRemove

111.What is the second argument of useEffect used for?

A. Cleanup
B. Error catching
C. Dependency array
D. Children

112.Which function is used to manage complex state?

A. useSimple
B. useArray
C. useReducer
D. useProps

113.How do you export a component?

A. export component MyComponent


B. module.export MyComponent
C. export default MyComponent
D. export function = MyComponent
www.iqmath.in

114.How can we optimize performance in React?

A. Use many states


B. Avoid JSX
C. Use React.memo
D. Remove keys

115.How to define default props?

A. MyComponent.defaultProps
B. MyComponent.default
C. setDefaultProps()
D. useDefaults()

116.Which hook allows you to persist values across renders?

A. useMemo
B. useRef
C. useEffect
D. useState

117.React is maintained by?

A. Google
B. Facebook
C. Twitter
D. Microsoft

118.What does the `key` prop help with?

A. Avoiding CSS conflicts


B. Improving render performance
C. Debugging
D. Providing ID

119.How do you handle forms in React?

A. Controlled components
B. HTML only
C. Class selectors
D. Window objects
www.iqmath.in

120.Which hook runs only once after initial render?

A. useRef
B. useState
C. useEffect with []
D. useCallback

Answer Key

HTML:
1. C 2. A 3. C 4. B 5. B 6. A 7. C 8. A 9. C 10. C 11. D 12. C 13. A 14. B 15. C
16. B 17. A 18. B 19. B 20. B 21. A 22. C 23. A 24. A 25. B 26. C 27. A 28. A
29. B 30. B 31. A 32. B 33. C 34. B 35. B 36. B 37. A 38. A 39. B 40. A

CSS:
41. C 42. C 43. C 44. C 45. A 46. A 47. B 48. A 49. A 50. B 51. B 52. C 53. A
54. A 55. A 56. B 57. A 58. D 59. A 60. A 61. C 62. A 63. A 64. A 65. A 66. C
67. A 68. A 69. B 70. B 71. C 72. A 73. B 74. C 75. A 76. B 77. B 78. A 79. A
80. C

React.js:
81. C 82. C 83. C 84. A 85. B 86. B 87. B 88. A 89. B 90. A 91. A 92. D 93. C
94. D 95. B 96. A 97. A 98. B 99. A 100. B 101. B 102. A 103. C 104. B 105. A
106. A 107. C 108. A 109. B 110. B 111. C 112. C 113. C 114. C 115. A 116. B
117. B 118. B 119. A 120. C

You might also like