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