Fundamentals of Front End Development MCQs with Answers

A:

B:

C:

D: </li> </ul> <details class="mt-2"> <summary><b>View Answer</b></summary> <div class="mt-2"> <b>B</b> <p></p> </div> </details> </div> <div class="qh-card p-3 mb-3 shadow-sm"> <h5 class="qh-quiz-ques"><span > Q102</span>: How are nested HTML elements represented?</h5> <ul class="list-group list-group-flush mb-2"> <li class="list-group-item"><b>A:</b> Elements are not nested</li> <li class="list-group-item"><b>B:</b> Elements can contain other elements</li> <li class="list-group-item"><b>C:</b> Only certain elements can be nested</li> <li class="list-group-item"><b>D:</b> Nested elements are not allowed</li> </ul> <details class="mt-2"> <summary><b>View Answer</b></summary> <div class="mt-2"> <b>B</b> <p></p> </div> </details> </div> <div class="qh-card p-3 mb-3 shadow-sm"> <h5 class="qh-quiz-ques"><span > Q103</span>: Fill in the blank: The <h1> tag is used to define a ______.</h5> <ul class="list-group list-group-flush mb-2"> <li class="list-group-item"><b>A:</b> Paragraph</li> <li class="list-group-item"><b>B:</b> Heading</li> <li class="list-group-item"><b>C:</b> Image</li> <li class="list-group-item"><b>D:</b> Link</li> </ul> <details class="mt-2"> <summary><b>View Answer</b></summary> <div class="mt-2"> <b>B</b> <p></p> </div> </details> </div> <div class="qh-card p-3 mb-3 shadow-sm"> <h5 class="qh-quiz-ques"><span > Q104</span>: Fill in the blank: An HTML element with no content is called a ______ element.</h5> <ul class="list-group list-group-flush mb-2"> <li class="list-group-item"><b>A:</b> Text</li> <li class="list-group-item"><b>B:</b> Nested</li> <li class="list-group-item"><b>C:</b> Empty</li> <li class="list-group-item"><b>D:</b> Non-standard</li> </ul> <details class="mt-2"> <summary><b>View Answer</b></summary> <div class="mt-2"> <b>C</b> <p></p> </div> </details> </div> <div class="qh-card p-3 mb-3 shadow-sm"> <h5 class="qh-quiz-ques"><span > Q105</span>: What is the purpose of the</h5> <ul class="list-group list-group-flush mb-2"> <li class="list-group-item"><b>A:</b> To define a line break</li> <li class="list-group-item"><b>B:</b> To create a paragraph</li> <li class="list-group-item"><b>C:</b> To add a heading</li> <li class="list-group-item"><b>D:</b> To insert an image</li> </ul> <details class="mt-2"> <summary><b>View Answer</b></summary> <div class="mt-2"> <b>A</b> <p></p> </div> </details> </div> <div class="qh-card p-3 mb-3 shadow-sm"> <h5 class="qh-quiz-ques"><span > Q106</span>: Which attribute is used to declare the document language in HTML?</h5> <ul class="list-group list-group-flush mb-2"> <li class="list-group-item"><b>A:</b> href</li> <li class="list-group-item"><b>B:</b> src</li> <li class="list-group-item"><b>C:</b> lang</li> <li class="list-group-item"><b>D:</b> title</li> </ul> <details class="mt-2"> <summary><b>View Answer</b></summary> <div class="mt-2"> <b>C</b> <p></p> </div> </details> </div> <div class="qh-card p-3 mb-3 shadow-sm"> <h5 class="qh-quiz-ques"><span > Q107</span>: What attribute specifies an alternative text for an image when it cannot be displayed?</h5> <ul class="list-group list-group-flush mb-2"> <li class="list-group-item"><b>A:</b> alt</li> <li class="list-group-item"><b>B:</b> src</li> <li class="list-group-item"><b>C:</b> title</li> <li class="list-group-item"><b>D:</b> href</li> </ul> <details class="mt-2"> <summary><b>View Answer</b></summary> <div class="mt-2"> <b>A</b> <p></p> </div> </details> </div> <div class="qh-card p-3 mb-3 shadow-sm"> <h5 class="qh-quiz-ques"><span > Q108</span>: Fill in the blank: HTML attributes are always specified in the ______ tag.</h5> <ul class="list-group list-group-flush mb-2"> <li class="list-group-item"><b>A:</b> End</li> <li class="list-group-item"><b>B:</b> Start</li> <li class="list-group-item"><b>C:</b> Content</li> <li class="list-group-item"><b>D:</b> Header</li> </ul> <details class="mt-2"> <summary><b>View Answer</b></summary> <div class="mt-2"> <b>B</b> <p></p> </div> </details> </div> <div class="qh-card p-3 mb-3 shadow-sm"> <h5 class="qh-quiz-ques"><span > Q109</span>: What attribute is used to define the size of an image in HTML?</h5> <ul class="list-group list-group-flush mb-2"> <li class="list-group-item"><b>A:</b> src</li> <li class="list-group-item"><b>B:</b> width and height</li> <li class="list-group-item"><b>C:</b> alt</li> <li class="list-group-item"><b>D:</b> title</li> </ul> <details class="mt-2"> <summary><b>View Answer</b></summary> <div class="mt-2"> <b>B</b> <p></p> </div> </details> </div> <div class="qh-card p-3 mb-3 shadow-sm"> <h5 class="qh-quiz-ques"><span > Q110</span>: Which of the following is true about attribute values in HTML?</h5> <ul class="list-group list-group-flush mb-2"> <li class="list-group-item"><b>A:</b> They do not need to be quoted</li> <li class="list-group-item"><b>B:</b> They must always be quoted</li> <li class="list-group-item"><b>C:</b> Single quotes are not allowed</li> <li class="list-group-item"><b>D:</b> Double quotes are mandatory</li> </ul> <details class="mt-2"> <summary><b>View Answer</b></summary> <div class="mt-2"> <b>B</b> <p></p> </div> </details> </div> <nav class="mt-5"> <ul class="pagination justify-content-center flex-wrap">  <li class="page-item "> <a class="page-link" href="https://www.quizerhub.com/topic/fundamentals-of-front-end-development?page=10"> « Prev </a> </li>  <li class="page-item"> <a class="page-link" href="https://www.quizerhub.com/topic/fundamentals-of-front-end-development">1</a> </li> <li class="page-item disabled"> <span class="page-link">...</span> </li>  <li class="page-item "> <a class="page-link" href="https://www.quizerhub.com/topic/fundamentals-of-front-end-development?page=9"> 9 </a> </li> <li class="page-item "> <a class="page-link" href="https://www.quizerhub.com/topic/fundamentals-of-front-end-development?page=10"> 10 </a> </li> <li class="page-item active"> <a class="page-link" href="https://www.quizerhub.com/topic/fundamentals-of-front-end-development?page=11"> 11 </a> </li> <li class="page-item "> <a class="page-link" href="https://www.quizerhub.com/topic/fundamentals-of-front-end-development?page=12"> 12 </a> </li> <li class="page-item "> <a class="page-link" href="https://www.quizerhub.com/topic/fundamentals-of-front-end-development?page=13"> 13 </a> </li>  <li class="page-item disabled"> <span class="page-link">...</span> </li> <li class="page-item"> <a class="page-link" href="https://www.quizerhub.com/topic/fundamentals-of-front-end-development?page=212"> 212 </a> </li>  <li class="page-item "> <a class="page-link" href="https://www.quizerhub.com/topic/fundamentals-of-front-end-development?page=12"> Next » </a> </li> </ul> </nav>  <div class="qh-quiz-cta mt-5 text-center p-4 border rounded"> <h3>Test Your Knowledge</h3> <p>Take a timed quiz on Fundamentals of Front End Development</p> <a href="https://www.quizerhub.com/quiz?topic=6&auto=1" class="btn btn-success btn-lg"> 🚀 Start Quiz Now </a> </div> </div> </main> </div> <footer class="qh-footer pt-5 mt-auto" role="contentinfo"> <div class="container"> <div class="row g-5">  <div class="col-12 col-md-4"> <h4 class="qh-footer-brand">QuizerHub</h4> <p class="qh-footer-text"> Smart learning platform for MCQs, quizzes, and books. Practice effectively and test your knowledge with confidence. </p> </div>  <div class="col-6 col-md-4"> <h5 class="qh-footer-title">Quick Links</h5> <ul class="qh-footer-links"> <li><a href="quiz">Custom Quiz</a></li> <li><a href="privacy-policy">Privacy Policy</a></li> <li><a href="terms-of-service">Terms</a></li> <li><a href="contact">Contact</a></li> <li><a href="disclaimer">Disclaimer</a></li> </ul> </div>  <div class="col-6 col-md-4"> <h5 class="qh-footer-title">Connect</h5> <p class="qh-footer-text mb-2"> Email<br> <a href="mailto:quizerxhunta@gmail.com" class="qh-footer-link"> quizerxhunta@gmail.com </a> </p> <div class="qh-social"> <a href="https://facebook.com/quizerhub" aria-label="QuizerHub on Facebook" title="Visit QuizerHub on Facebook"><i class="fab fa-facebook-f"></i></a> <a href="https://twitter.com/quizerhub" aria-label="QuizerHub on Twitter" title="Visit QuizerHub on Twitter"><i class="fab fa-twitter"></i></a> </div> </div> </div> <div class="qh-footer-bottom"> © 2026 QuizerHub — Built for smarter learning </div> </div> </footer>  <button id="backToTopBtn" aria-label="Back to top" title="Back to top"> <i class="fas fa-chevron-up"></i> </button> <script> // Back to Top Button const backToTopBtn = document.getElementById('backToTopBtn'); window.addEventListener('scroll', () => { if (window.scrollY > 300) { backToTopBtn.classList.add('show'); } else { backToTopBtn.classList.remove('show'); } }); backToTopBtn.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); </script>

Fundamentals of Front End Development MCQs with Answers

Multiple Choice Questions

Q101: Which HTML element defines the whole document?