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