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