0% found this document useful (0 votes)
7 views

html css interview Questions Rahul

Uploaded by

rgaud4299
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
7 views

html css interview Questions Rahul

Uploaded by

rgaud4299
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

HTML - CSS – Bootstrap

HTML

1. What is HTML? Differences between HTML & HTML5? Advantages of HTML5?

2. What is the difference between HTML and XHTML?

3. What is the role of DOCTYPE in HTML?

4. What if you remove <!DOCTYPE html> from your HTML?

5. Difference between Head & Body in HTML? Where to place JS link reference?

6. What is Title Tag in HTML? What are the 4 advantages of Title tag?

7. What are Meta Tags? What are the 5 types of meta tags?

HTML Elements & Tags – Part I

8. What are HTML elements? What is the difference between Element & Tag?

9. What are the roles and uses of the <div> element in HTML?

10. What is the difference between <div> and <span> element?

11. What is the role of <p>, <a>, <br>, <hr>, <em>, <img>, <input> & <bu on> elements in
HTML?

12. What is the role of header, main, sec on, footer & address elements in HTML?

13. What is the role of Heading tags in HTML? How does it impact SEO?

14. What is the difference between <sec on> & <ar cle> elements?

HTML Elements & Tags – Part II

15. What are Root, Parent, Child & Nested elements?

16. What are Empty Elements?

17. What are Seman c Elements in HTML? Is div a seman c element?

18. Can HTML tags be wri en in Uppercase?

19. What are the 3 differences between Block-Level and Inline Elements?

20. List all Block-Level & Inline Elements in HTML.

HTML A ributes

21. What are HTML A ributes? What are the Types of HTML a ributes?

22. What are the Id, Style & Class a ributes of an element? When to use what?

23. What will happen if two elements have same ids?

24. How to specify Mul ple Classes for single element? What is the style precedence?

25. What are Data A ributes in HTML?

HTML Links & Naviga on


HTML - CSS – Bootstrap
26. What are the 5 Types of Links in HTML?

27. What is the difference between Absolute and Rela ve URLs?

28. What is the purpose of the <nav> element in HTML?

29. What is a Fragment Iden fier in a URL?

30. What is the purpose of the <base> element in HTML.?

31. How do you add an external stylesheet in your HTML?

32. How do you open a link in a new tab?

33. How do you create an Email Link?

HTML Lists & Tables

34. What are the different Types of Lists in HTML?

35. What is a Nested List in HTML?

36. What are table, tr, th, td elements? What are table advantages & disadvantages?

37. What is the colspan a ribute in HTML?

38. What is the best way to add a border to a table, column and cell?

HTML Images & Mul media

39. How to embed an Image in HTML? Why alt a ribute is so important?

40. What are the difference between JPEG and PNG image formats?

41. How to embed Video element in HTML? Why we need mul ple source elements?

42. How to embed Audio element in HTML?

43. What are the Autoplay & Loop a ributes in mul media elements?

HTML Forms

44. What are HTML Forms and what are its advantages?

45. What are HTML Form Elements and their Main A ributes?

46. How to Validate for empty input field in form?

47. What is the role of the <textarea> element in a form?

48. What are the Types of Input elements in a form?

49. How to create radio bu ons and checkboxes? How to group them?

50. What is the purpose of the <select> element in a form?

HTML Best Prac ces, Boilerplate & Deployment

51. What are top 10 Best Prac ces for wri ng HTML code?

52. What is HTML5 Boilerplate code?


HTML - CSS – Bootstrap
53. How do you op mize an HTML website for Performance?

54. What is SEO? What are 5 HTML Best Prac ces for SEO?

55. What are the 5 steps required for HTML website deployment?

HTML Responsiveness, Frameworks & Others

56. What is Responsive Design?

57. What are the top 3 things required to make a website Responsive in HTML?

58. What are some Responsive Design Frameworks for HTML & CSS?

59. What are HTML En es? How do you display special characters in HTML?

60. What are the Top 5 Emerging Trends in HTML development?

CSS

61. What is CSS? What are the 5 ways to Implement CSS in HTML?

62. What is Inline Style in CSS? When to use it in real applica ons?

63. What is Internal Stylesheet in CSS? When to use it in real applica ons?

64. What is External Stylesheet in CSS? When to use it in real applica ons?

65. What are the 5 advantages of external stylesheet?

66. How do you Include CSS in a webpage or HTML?

67. How to implement CSS using @import rule?

68. What is CSS Preprocessors? What is SCSS?

69. What are the 3 Types of CSS Preprocessors?

Selectors in CSS

70. What are Selectors in CSS? How many types of selectors are there?

71. Difference between ID, Element & Class selector? When to use which selector?

72. What are Universal selectors?

73. What are the Descendant Selectors in CSS?

74. What are A ribute Selectors in CSS? What are it’s 5 Types?

75. What are Child Selectors in CSS?

76. How Child Selector is different from Descendent selectors?

77. What are Pseudo-class Selector and Pseudo-element Selector?

Layout and Posi oning

78. Explain the concept of the Box Model in CSS.

79. What is the difference between Padding and Margin?


HTML - CSS – Bootstrap
80. What is the difference between display: inline & display: block?

81. What is the difference between display: inline and display: inlineblock?

82. What is z-index property in CSS? How same z-index elements will be displayed?

83. What is the role of float property in CSS?

84. What is the difference between posi on: rela ve/ absolute/ fixed?

Responsive Design, Flexbox & Grid Layout

85. What is the role of meta viewport tag?

86. What are Media Queries in CSS?

87. What is display: flex in CSS?

88. What is CSS Grid Layout in CSS?

89. How can you create a S cky Header in CSS?

90. What are the 5 best prac ces for crea ng a Responsive Design using CSS?

Bootstrap

91. What is Bootstrap? What are the other 5 responsive design frameworks?

92. What are the 5 Advantages of using Bootstrap?

93. What are the 2 ways to include Bootstrap framework for your website.

94. Explain the Grid System in Bootstrap?

95. What is the difference between col-xs, col-sm, col-md, col-lg & col-xl?

96. What are Bootstrap Components? What are Top 10 bootstrap components?

97. What is a Bootstrap Modal component?

98. What is a Bootstrap Naviga on component?

99. What is Bootstrap Carousel component?

100. Explain the difference between Bootstrap's container and container-fluid?

JavaScript Essen als for Node

134. What is the difference between Promise.all() and Promise.race()?

135. What is the purpose of async/ await? Compare it with Promises?

136. Explain the use of async and await keywords in JS?

137. Can we use async keyword without await keyword and vice versa?

138. How do you handle errors in async/ await func ons?

139. What is a window object?

140. What are Browser APIs in JS?


HTML - CSS – Bootstrap
141. What is Web Storage, and its use? How many types of web storage are there?

142. What is Local Storage? How to store, retrieve and remove data from it?

143. What is Session Storage? How to store, retrieve and remove data from it?

144. What is the difference between LocalStorage and SessionStorage?

145. How much data can be stored in localStorage and sessionStorage?

146. What are cookies? How do you create and read cookies?

147. What is the difference between cookies and web storage?

148. When to use cookies and when to use web storage?

149. What are Classes in JS?

150. What is a constructor?

151. What are constructor func ons?

152. What is the use of

You might also like