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