Web Design Quizz Dive into our tech quiz zone and put your technical skills to the test! Our quizzes cover a wide array of technical topics, perfect for sharpening your knowledge and challenging your understanding. Compete with others, see your rankings, and boost your technical proficiency. Start quizzing today! 1 / 50 1. Which of the following is considered a key principle of responsive web design? Static text Flexible images Fixed layout Non-responsive navigation 2 / 50 2. Which property is used to add spacing between the elements' border and its content? padding border spacing margin 3 / 50 3. What is the correct JavaScript syntax to change the content of the HTML element below?This is a demonstration. demo.innerHTML = "Hello World!"; document.getElement("p").innerHTML = "Hello World!"; document.getElementByName("p").innerHTML = "Hello World!"; document.getElementById("demo").innerHTML = "Hello World!"; 4 / 50 4. What does CSS stand for? Computer Style Sheets Creative Style Sheets Colorful Style Sheets Cascading Style Sheets 5 / 50 5. What is JavaScript primarily used for? Structuring web content Adding interactivity to web pages Server-side scripting Styling web pages 6 / 50 6. Which CSS property is used to change the text color of an element? text-color color font-color fgcolor 7 / 50 7. What will the following code output?console.log(typeof "Hello World"); Hello World string message text 8 / 50 8. Which Bootstrap class is used to create a navigation bar? .navitem .navbar .nav .navigation 9 / 50 9. Which HTML tag is used to define a hyperlink? <a> 10 / 50 10. Which CSS property controls the text size? text-size font-size text-style font-style 11 / 50 11. How can you create a button with rounded corners using Bootstrap? btn btn-circle btn btn-round btn btn-pill btn btn-rounded 12 / 50 12. What is the correct way to write a JavaScript array? var colors = (1:"red", 2:"green", 3:"blue") var colors = ["red", "green", "blue"] var colors = 1 = ("red"), 2 = ("green"), 3 = ("blue") var colors = "red", "green", "blue" 13 / 50 13. How do you round the number 7.25 to the nearest integer in JavaScript? rnd(7.25) Math.round(7.25) Math.rnd(7.25) round(7.25) 14 / 50 14. How do you add a comment in JavaScript? // This is a comment /* This is a comment */ <!-- This is a comment --> -- This is a comment 15 / 50 15. How do you create a function in JavaScript? function myFunction() function = myFunction() function => myFunction() function: myFunction() 16 / 50 16. Which of the following is used to declare a variable in JavaScript? const let All of the above var 17 / 50 17. Which class is used to create a dropdown menu in Bootstrap? .dropdown-menu .menu-dropdown .dropmenu .dropdown 18 / 50 18. How do you select elements with class name "intro" in CSS? #intro intro .intro *intro 19 / 50 19. What does HTML stand for? Hyper Text Markup Language Home Tool Markup Language Hyper Textual Markup Language Hyperlinks and Text Markup Language 20 / 50 20. Which property is used to change the background color in CSS? bgcolor background-color color bg-color 21 / 50 21. What is the default grid system used in Bootstrap? 12-column grid 16-column grid 10-column grid 20-column grid 22 / 50 22. Which HTML element is used to specify a footer for a document or section? <footer> <section> 23 / 50 23. Which property is used to change the font of an element in CSS? font-weight font-size font-family font-style 24 / 50 24. How do you create a badge using Bootstrap? <span class="label">...</span> <span class="tag">...</span> <span class="badge-item">...</span> <span class="badge">...</span> 25 / 50 25. How do you write "Hello World" in an alert box? msgBox("Hello World"); alertBox("Hello World"); alert("Hello World"); msg("Hello World"); 26 / 50 26. How do you make the text bold in CSS? font-style: bold; text-decoration: bold; font-weight: bold; text-weight: bold; 27 / 50 27. How do you align buttons in the center using Bootstrap? center-buttons align-center justify-content-center text-align-center 28 / 50 28. Which operator is used to assign a value to a variable in JavaScript? - = * x 29 / 50 29. How do you select an element with id "demo" in CSS? demo #demo .demo *demo 30 / 50 30. How do you make each word in a text start with a capital letter in CSS? text-transform: capitalize; text-transform: initial; text-transform: lowercase; text-transform: uppercase; 31 / 50 31. Which HTML tag is used to create an unordered list? <li> <ol> <ul> 32 / 50 32. Which of the following is the correct syntax for referring to an external JavaScript file? 33 / 50 33. Which HTML attribute specifies an alternate text for an image, if the image cannot be displayed? alt title src longdesc 34 / 50 34. Which event occurs when the user clicks on an HTML element? onmouseover onclick onchange onmouseclick 35 / 50 35. What is the purpose of the element in HTML? To create a header section in the document To contain the main content of the document To contain metadata and links to scripts and styles To include footnotes and references 36 / 50 36. Which class provides a full-width container, spanning the entire width of the viewport, in Bootstrap? .container-max .container-fluid .container-full .container-wide 37 / 50 37. What is Bootstrap primarily used for? Managing version control Creating databases Designing responsive web pages Writing server-side scripts 38 / 50 38. Which of the following is NOT a design tool commonly used in web design? Sketch Adobe XD MySQL Figma 39 / 50 39. Which HTML tag is used to define an internal style sheet? 40 / 50 40. Which Bootstrap class will make an image responsive? .img-responsive .img-fit .img-adaptive .img-fluid 41 / 50 41. Which class is used to style a table as a Bootstrap table? .table .table-responsive .table-bootstrap .table-style 42 / 50 42. Which HTML attribute is used to define inline styles? styles style font class 43 / 50 43. What is the purpose of a wireframe in web design? To define the visual design of a web page To outline the basic structure and layout of a web page To create animations for a web page To write the HTML code for a web page 44 / 50 44. How can you make a numbered list in HTML? <dl> <ol> <ul> 45 / 50 45. How do you write a conditional statement in JavaScript to execute some code if "i" is equal to 5? if i = 5 if (i = 5) if (i == 5) if i == 5 then 46 / 50 46. How do you call a function named "myFunction" in JavaScript? call function myFunction() Call.myFunction() call myFunction() myFunction() 47 / 50 47. Which of the following tools can be used for version control in web development? Photoshop Excel Notepad Git 48 / 50 48. How do you declare a JavaScript variable? var carName; v carName; v carName; variable carName; 49 / 50 49. Which of the following best describes usability in web design? Ease of use and navigation for the user The programming language used Aesthetic appeal of a website The type of server the website is hosted on 50 / 50 50. What is the correct HTML element for inserting a line break? <br> Your score is 0%
