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