Interview Questions HTML,CSS,JAVASCRIPT.
Desh Chatterjee:
| what are the meta tags? explain them. |
| Use of attributes (http - equiv ) in meta tag |
| design a layout of javatpoints & GFG website. ( Header & Footer ) |
| pseudo class vs pseudo element- |
| box model |
| margin vs padding |
| diff. between class selector and id selector |
| Position properties |
| what are the diiferent data types in JS? what is NaN? |
| Properties of flexbox |
Ravi Prakash:
| What are the different types of Selectors in CSS? |
| What is a difference between div and span ? |
| What is the difference between logical tag and physical tag ? |
| What is a DOM ? |
| How do you specify a MetaData in HTML? |
Ankit Shrivastava
| What is html |
| What is inline and block elements |
| What is difference between html 4 and html 5 |
| What is attribute |
| What is javascript |
Prashant Mittal
| what is CSS? |
| what is property? |
| what is selectors and combinators? |
| what is CSS box-mode? whar are its elements? |
| what does a <!DOCTYPE html> tag do? |
| what happen if we dont provide the <!DOCTYPE html> tag |
| what is the difference between span tag and div tag? |
| what is block and inline html elements? |
| what happen if we dont provide the <!DOCTYPE html> tag |
| what is character encoding? |
| Does an webpage contains multiple header element? |
| what are <footer> elements? |
| what is diffrence between <script>,<script async>,<script defer> |
| what is the purpose of attribute on image? |
| what is DOM? How does the DOM works? |
| what is viewport height and viewport width in CSS? |
| how to include css in web page? |
| what are the limitations of CSS? |
Arnab Roy
| What is HTML? |
| What is CSS? |
| display the properties of CSS. |
| display none and visibility hidden in CSS |
| what are the different CSS positions? |
| what is z-index? |
| what is meta tag in HTML? |
| what are the semantic elements in html? |
| CSS-card-dark.jpg.webp (998×668) (uicookies.com) Build this card design |
Rakhi Mishra
| 1. What is doctype in HTML? |
| 2.what are the limitations of CSS? |
| 3. Semantic elements? |
| 4. Void Elements? |
| 5. Box model in CSS? |
| 6. Explain CSS position property? |
| 7. id and class attribute in CSS? |
| 8. flex and grid? |
| 9. pseudo-classes and pseudo elements? |
| 10. z-index? |
| 11. visibility:hidden and display:none? |
| 12. inline, block, and inline-block? |
| 13. strong and bold tag? |
| 14. Html5 advantages? |
| 15. What are the differences between adaptive design and responsive design? |
| 16. Different Box Sizing Property? |
| 17. Can we display a web page inside a web page or Is nesting of webpages possible? |
| 18. CSS selectors? |
| 19. Difference between link tag <link> and anchor tag <a>? |
| 20. How can we include audio or video on a webpage? |
| 21. float? |
| 22. What are Lists in HTML? |
Pranjul Gupta
| 1.write the html code for table creation. |
| 2.write the code to add background image on the html page |
| 3.explain diff. css selector name |
| 4.pseudo-classes and pseudo elements? |
| 5. What is semantic tag |
Nishit Tated
| 1) Brief Intro about yourself. |
| 2) Any projects you have worked on, demonstrating your major skills? |
| 3) What is CSS and how does it work with HTML? |
| 4) What are the advantages of CSS? |
| 5) What are the limitations of CSS? |
| 6) What are the advantages of External Style Sheets? |
| 7) What is the difference between class selectors and id selectors? |
| 8) What is the use of CSS Opacity? |
| 9) What are void elements in HTML? |
| 10) What do you mean by a markup language? |
| 11) How to create a hyperlink in HTML? |
| 12) What is the use of the required attribute? |
| 13) Describe HTML layout structure |
| 14) Difference between tags vs attributes vs elements? |
| 15) Create a static page for conference event. Divide your page into 3 parts - header in top, main section & footer in bottom. Mention different links for speaker, venue & schedule in header section. In main section, create a registration form for users for attending an event. Then last add footer section. Using HTML/HTML5 & CSS complete this static page, showcasing your knowledge in depth. |
Janakiraman
| Center an element using flex box css |
| Inline block vs block |
| Details of box model |
| Html5 new features |
| Responsive web design |
| Rem vs em vs percentage units in css |
| Scenario to use flex and grid |
| Media query in css |
Ashish kesari
| What is DOCTYPE in HTML? |
| What are semantic tags? |
| What are inline and block elements? |
| What are ARIA attributes in HTML? |
| What is the box model in CSS? |
| Simple HTML form-based question . |
Shubham Madheysia
| 1 Difference between HTML and HTML5 |
| 2. What is HTML? |
| 3. What is CSS? |
| 4. What is JS? |
| 5. Id vs Class selector |
| 6. Features of JS |
| 7. Doctype |
| 8. Difference between a span and a div? |
| 9. Difference between == and === ? |
| 10. What is a meta tag? |
| 11. How to add CSS in HTML? |
| 12. Difference between var, let, and const |
| 13. What is a title tag? |
| 14.create an 8 * 8 chessboard ui using html, css and js. each box size will be 20px*20px. write modular code so that it is easier to extend. modular means reusable and less of repetition |
| 15. What is hoisting? |
| 16. Types of Lists in HTML |
| 17. CSS Box model |
| 18. Data types in JS |
| 19. What are semantic elements? Name some. |
| 20. Implement the given image using HTML and CSS |
Arpit goel
| 1. How can we change text to clickable link in HTML ? |
| 2. What is difference between id and class attribute in HTML ? |
| 3. Difference between inline elements and block elements |
| 4. Explain DOM |
| 5. What are attributes in HTML ? |
| 6. Explain event capturing and event bubbling |
| 7. Difference between absolute, relative and fixed |
| 8.What is flex in CSS ? |
| 9. What is Box model in CSS ? |
| 10. What is z-index in CSS ? |
| 11. Difference between let, var and const |
| 12. Difference between == and === |
| 13. Output question: console.log (2 == '2'); console.log (2 === '2') |
| 14. Explain map function and filter function in javascript |
| 15.What is hoisting in JS ? |
| 16. What are closures in JS ? |
| 17. What is Arrow function in Javascript |
| 18. Use of this keyword in JS |
Iqbal Zafar
| 1. what is html element? |
| 2. what is the use of head tag? |
| 3. what is the use of DOCTYPE ? |
| 4. what is the use of meta tag? |
| 5. how can we import css file? |
| 6. how can we import java script file? |
| 7. what is selector? |
| 8. what is pseudo selector? |
| 9. what is viewport height? |
| 10. how can we convert a text to uppercase using css property? |
| 11. create a form for name, mobile number and gender selection and console those data in the browser on submit of form. |
| 12. Is javascript synchronous or asynchronous? how can we make it async? |
| 13. what is the difference between not defined and un defined? |
| 14. what is the difference between let, const and var? |
Danish Khan
| what are tags and attribute. |
| - DOCTYPE in Html. |
| - Types of Selectors in Css. |
| - ID vs Class selector. |
| - Data types in JS. |
| - Let vs Var Vs Const. |
| - Hoisting. |
| Task 1 :- Center a paragraph inside of a div. |
| Task 2 :- Create a Navigation Bar using Html and CSS. |
Rishikesh Puri
| 1. Block element vs Inline element |
| 2. What is Iframe? |
| 3. What is meta tag? |
| 4. What is viewport meta tag? |
| 5. What is margin collars? |
| 6. What is box model? |
| 7. Display:none vs Visibility:hidden vs opacity:0? |
| 8. Types of Display in css? |
| 9. Types of position in css? |
| 10. Difference between relative vs absolute? |
| 11. What is zIndex? |
| 12.What is js? |
| 12. What are the Data Types in JS? |
| 13. What is the difference between null and undefined? |
| 14. What is the difference between window and document? |
| 15. What is isNaN |
| 16. What are the differences between undeclared and undefined variables? |
| 17. What are global variables? |
| 18. What are the problems with global variables? |
| 19. What is an event flow? |
| 20. What is event bubbling? |
| 21. What is event capturing? |
| 22. What is the use of stopPropagation method? |
| 23. What is the use of setTimeout? |
| 24. What is an event delegation? |
| 25. What is the use of setInterval? |
| 26. Why is JavaScript treated as Single threaded? |
| 27. What is the difference between == and === operators? |
| 28. What is a higher order function? |
| 29. What is the Temporal Dead Zone? |
| 30. What is Hoisting? |
| 31. What is scope in javascript? |
| 32. What is the main difference between localStorage and sessionStorage? |
| 33. What are event handlers? |
| 34. What is a promise? |
| 35. Why do you need a promise? |
| 36. What are the three states of promise? |
| 37. What is a callback function? |
| 38. Why do we need callbacks? |
| 39.What is a callback hell? |
| 40. Tell me the output of the following- |
| 1. console.log(9-“5”) |
| 2. console.log(“9”-“5”) |
| 3.console.log(“rich”-“puri”) |
| 41. What is closure?Explain with an example. |
| 42. What is event loop? |
| 43. What is lexical environment? |
| 44. Let vs const vs var? |
| 45. Output for (var i = 0; i < 3; i++) { setTimeout(() => console.log(i), 1); } for (let i = 0; i < 3; i++) { setTimeout(() => console.log(i), 1); } |
| Which one is true? const bird = { size: 'small', }; const mouse = { name: 'Mickey', small: true, }; * A: mouse.bird.size is not valid * B: mouse[bird.size] is not valid * C: mouse[bird["size"]] is not valid * D: All of them are valid Ans A |
Arju Sahu
| 1. What is == and ===. |
| 2. What is let ,const and var. |
| 3. What is hoisting |
| 4. What is closure. |
| 5. What is difference between function statement and function expression. |
| 6. What is arrow function. |
| 7. what is map. |
| 8. what is filter |
| 9. What are inline and block elements. |
| 10. What is difference between margin and padding. |
| 11. what is box sizing border box. |
| 12. What is float property. |
| 13. What is position:relative and position:absolute. |
| 14. What is justify content center and align items center. |
| 15. What are new tags introduced in html5. |
| 16. What are iframes. |
| 17. How to center a div. |
Manish Shaw
| 1.create a nested div with parent div having height and width of 800px and child div having a height and width of 200px, define a proper background-color and border for both of them. |
| 2.Placing a nested div at the center to its parent. |
| 3.What are pseudo-classes and pseudo-elements with example. |
| 4.setting an external img-url as a background for a 'div' element in html. |
| 5.CSS Transform property? |
| 6.CSS Animation property? |
| 7.js dom-manipulation( create and inserting a div in the dom with defining a proper height and width, writing a function to increase the div's height and width on mouseover, etc). |
John Rabindranath
| What is closure? |
| what is hoisting? |
| expalain the setTimeOut() function. |
| what is higher Order function? |
| write a program to check whether a string is palindrome or not |
| Explain the box model. |
| what is opacity? |
Ashish Keshri
| What is DOCTYPE in HTML? - Answered |
| What are semantic tags? - Not Answered |
| What is the box model in CSS? - Answered |
| What are inline and block elements? - Answered |
| What are ARIA attributes in HTML? - Not Answered |
| Difference between tags vs attributes - Partially Answered |
| What is closure in JS - Answered |
| Simple HTML form-based question.-Implemented |
