CodeBetter

Html CSS Bootstrap Interview Questions

Section 1 - HTML

S.No	Question
1.	What is HTML?
2.	What is the difference between HTML and HTML5?
3.	What are the new features introduced in HTML5?
4.	What are the different types of HTML elements?
5.	What is the purpose of the <!DOCTYPE> declaration?
6.	What are the different ways to include CSS styles in HTML?
7.	What is the difference between <div> and <span> elements?
8.	What is the purpose of the alt attribute in an <img> tag?
9.	How do you create a hyperlink in HTML?
10.	What is the purpose of the target attribute in an <a> tag?
11.	What are <meta> tags in HTML and why are they important?
12.	What is the difference between the <strong> and <b> tags in HTML?
13.	How do you create ordered and unordered lists in HTML?
14.	What is the purpose of the <head> section in an HTML document?
15.	How do you create a <form> in HTML?
16.	What is the purpose of the HTML5 semantic elements?
17.	What is the difference between the <input type="text"> and <textarea> elements?
18.	How do you embed a <video> in an HTML document?
19.	What are the different types of input types available in HTML?
20.	What is the purpose of the <label> element in HTML forms?
21.	What are the different types of heading tags in HTML?
22.	What is the purpose of the <meta charset> tag in HTML?
23.	How do you create a HTML5 <canvas> element?
24.	What is the purpose of the <iframe> element in HTML?
25.	How do you create a HTML <form> with file upload functionality?
26.	What is the purpose of the <select> element in HTML forms?

Section 2 - CSS

S.No	Question
1.	What is Css?
2.	What are the different ways to apply CSS styles to HTML elements?
3.	What is the difference between class and ID selectors?
4.	How do you center an element horizontally and vertically using CSS?
5.	How do you create a HTML table with alternate row colors?
6.	What is the box model in CSS?
7.	What is the purpose of the z-index property?
8.	What are the different types of CSS selectors?
9.	What is the difference between padding and margin in CSS?
10.	What is the CSS float property used for?
11.	How do you create a responsive design using CSS?
12.	What is the CSS specificity and how does it work?
13.	What is the purpose of the CSS pseudo-elements?
14.	How do you create CSS animations and transitions?
15.	What is the CSS overflow property used for?
16.	How do you create a fixed position element in CSS?
17.	What is the purpose of the CSS media queries?
18.	How do you hide an element using CSS?
19.	What is the purpose of the CSS flexbox layout?
20.	How do you apply CSS styles to only the first child or last child of an element?
21.	What is the purpose of the CSS transform property?
22.	What is the CSS display property used for?
23.	How do you create a CSS sticky footer?
24.	What is the purpose of the CSS :hover pseudo-class?
25.	How do you create a CSS dropdown menu?
26.	What is the difference between the display: block and display: inline-block in CSS?
27.	What is the purpose of the CSS @media rule?
28.	How do you create a CSS slideshow?
29.	What is the difference between the visibility: hidden and display: none in CSS?

Section 3 - Bootstrap

S.No	Question
1.	What is Bootstrap?
2.	What are the key benefits of using Bootstrap?
3.	Explain the Bootstrap grid system.
4.	What are the different grid classes in Bootstrap?
5.	How do you create a responsive image in Bootstrap?
6.	What is a Bootstrap card?
7.	How do you create a dropdown menu in Bootstrap?
8.	What are the types of inputs Bootstrap supports?
9.	Explain the purpose of Bootstrap buttons.
10.	How do you create a responsive table in Bootstrap?
11.	What are Bootstrap forms?
12.	What is a Bootstrap alert?
13.	Explain Bootstrap color classes.
14.	What is a Bootstrap modal?
15.	How can you customize the Bootstrap template?
16.	Explain the difference between container and container-fluid in Bootstrap.
17.	What is the purpose of the Bootstrap navbar component?
18.	How can you create a responsive image gallery in Bootstrap?
19.	What is the purpose of the Bootstrap jumbotron component?
20.	How do you create a Bootstrap badge?
21.	What is the purpose of the Bootstrap breadcrumb component?
22.	Explain the use of the Bootstrap carousel component.
23.	How do you create a responsive navigation menu in Bootstrap?
24.	What is the purpose of the Bootstrap popover component?
25.	Explain the use of the Bootstrap breadcrumb component.
26.	What is the purpose of the Bootstrap modal component?
27.	How can you create a responsive card layout in Bootstrap?
28.	What is the role of the Bootstrap collapse component?
29.	Explain the use of the Bootstrap progress bar component.
30.	What are Bootstrap utilities?

Contact Us

Our Address

Office no.- 401,Shekhar Central Building ,Palasiya, Pin-code:452001, Indore

Email Us

contact@codebetter.in

Call Us

+91 88230 75444, +91 99939 28766