Categories
All Categories
DMV
ServSafe
OSHA
NCLEX
HESI
TEAS
ATI Nursing
CNA & Nurse Aide
NREMT & EMS
ACLS
BLS
CPR
Quizzes
Study Guides
Flashcards
Packages
0
Log In
Register
Categories
All Categories
DMV
ServSafe
OSHA
NCLEX
HESI
TEAS
Quizzes
Study Guides
Flashcards
Packages
Contact
Cart
0
Log In
Register
Home
Quizzes
HTML Tags Practice Test
Helpsheet
×
Question
1
Which HTML tag is used to create a navigation link list?
<nav>
<link>
<menu>
<ul>
Reveal Answer
Correct Answer:
Explanation:
The
tag is designed specifically for creating navigation links within an HTML document. It serves as a semantic container that indicates to both the browser and search engines that the links contained within are part of the website's navigation system. Using this tag helps improve accessibility and search engine optimization (SEO), as it provides context about the structure of the navigation. While
, or unordered list, can also be used to create a list of navigation links, it lacks the semantic meaning associated with navigation that the
tag provides. The
tag is meant for linking external resources like stylesheets, and the
tag is typically used for defining a menu of commands, making them unsuitable for creating standard navigation link lists. Thus, the
tag is the most appropriate choice for this purpose.
Question
2
What is the purpose of the tag?
To link external CSS files
To provide metadata about the HTML document
To create an interactive form
To embed images and videos
Reveal Answer
Correct Answer:
To provide metadata about the HTML document
Explanation:
The purpose of the
tag is to provide metadata about the HTML document, making option B the correct choice. Metadata refers to data that describes other data, providing essential information about the content and structure of a web page. This includes details such as the character set used, the page description, keywords for search engines, author information, and viewport settings for responsive design. This information is not visible to users directly on the webpage but is utilized by browsers, search engines, and other web services. For example, search engine bots rely on the
tag to determine how to index the page and what keywords it relates to. Additionally, the
tag can also specify the viewport settings to ensure a web page displays correctly on different devices. The other choices relate to functions that are handled by different HTML tags. Linking to external CSS files is typically done using the
tag. Creating interactive forms is managed through the
tag and its associated elements, while embedding images and videos is done using the
and
tags, respectively.
Question
3
What tag is used to define a navigation section?
<header>
<section>
<nav>
<link>
Reveal Answer
Correct Answer:
Explanation:
The tag that is used to define a navigation section is `
`. This semantic HTML element specifically indicates that the enclosed links are intended for navigating through the website, typically representing a set of navigational links. By using the `
` tag, developers can enhance the accessibility of their web pages, as assistive technologies can identify and interpret the navigation areas more effectively. This can help improve user experience by providing a clear structure to the navigational elements on a page. The other tags serve different purposes. The `
` tag is used to define the header for a document or a section, typically containing introductory content or navigational links, but it is not limited to navigation alone. The `
` tag represents a thematic grouping of content, which may include multiple types of content and is not specific to navigation. The `
` tag is used to define relationships between the current document and external resources, mainly for linking stylesheets, and does not play a role in defining navigation.
Question
4
What distinguishes the tag from the tag?
<strong> adds semantic meaning, <b> is only for styling
Both have the same purpose
<b> adds semantic meaning, <strong> is only for styling
<strong> is used for images, <b> is used for text
Reveal Answer
Correct Answer:
adds semantic meaning,
is only for styling
Explanation:
The
tag is used to indicate that the text it wraps has strong importance. Its primary role is to convey semantic meaning, which means it communicates to both the browser and the reader that the enclosed content has greater significance. This can positively impact accessibility, as screen readers may emphasize the text wrapped in a
tag differently, ensuring that users understand its importance in context. On the other hand, the
tag does not provide any semantic meaning. It is purely a stylistic choice that simply renders text in bold without imparting any additional significance. This means that while both tags visually bolden text in a web page, only the
tag enriches the document's meaning and context. Thus, the distinction lies in the capability of the
tag to add value beyond mere presentation, making option A the correct choice.
Question
5
What tag is used to define a header for a document section?
<header>
<h1>
<section>
<title>
Reveal Answer
Correct Answer:
Explanation:
The
tag is used to define a header for a document section, serving as a container for introductory content or navigational links. It typically contains elements such as headings, logo images, and other related metadata that helps define the structure and context of the specific section it belongs to, facilitating better readability and organization within the HTML document. While
is used to define the highest level of heading in a section, and
is employed to represent a standalone section within a document, it is the
tag that specifically encapsulates all content that serves as introductory material for that section. The
tag, on the other hand, is selected to define the title of the entire document in the browser tab, not specifically the header for individual sections. Thus, the <header> tag distinctly identifies the header role within document structures, making it the appropriate choice for this question. </div> </div> </div> </div> <div class="quiz-single-nav" id="quizSingleNav"> <button type="button" class="btn btn-outline-secondary" id="quizPrevQuestion"> <i class="fas fa-chevron-left mr-1"></i> Previous </button> <div class="question-position"> <strong>Question <span id="quizCurrentQuestionNumber" aria-live="polite">1</span></strong> </div> <button type="button" class="btn btn-next" id="quizNextQuestion"> Next <i class="fas fa-chevron-right ml-1"></i> </button> </div> <section class="quiz-info-section"> <span class="section-kicker">Exam overview</span> <h2>About this Exam</h2> <div class="quiz-info-copy"> <p dir="ltr" xss=removed><span xss=removed>The HTML Tags Practice Test is a crucial assessment for anyone starting their journey in web development. HTML, which stands for HyperText Markup Language, is the foundational language used to structure and present content on the web. This test is designed to evaluate your fundamental understanding of HTML, ensuring that you grasp the basics of how web pages are built.</span></p><p><span id="docs-internal-guid-caa94a99-7fff-8ce2-9fe8-2e24473d1cfa"></span></p><p dir="ltr" xss=removed><span xss=removed>Whether you're a complete novice, a student, or a professional looking to refresh your foundational skills, this test provides a structured way to gauge your proficiency. The primary focus is on assessing your knowledge of essential HTML tags and their attributes.</span></p> </div> </section> <section class="quiz-info-section"> <span class="section-kicker">More details</span> <h2>Additional Information</h2> <div class="quiz-info-copy"> <h2 dir="ltr" xss=removed><span xss=removed>What the Course Entails and Exam Details</span></h2><p dir="ltr" xss=removed><span xss=removed>This practice exam covers a broad spectrum of fundamental HTML concepts and tags. It isn't a replacement for a comprehensive HTML course, but rather a self-assessment tool. Key topics typically included in the scope of this test include:</span></p><ul xss=removed><li dir="ltr" xss=removed aria-level="1"><p dir="ltr" xss=removed role="presentation"><span xss=removed>Understanding the basic document structure:</span><span xss=removed> Testing your knowledge of crucial tags like </span><span xss=removed><html></span><span xss=removed>, </span><span xss=removed><head></span><span xss=removed>, </span><span xss=removed><title></span><span xss=removed>, and </span><span xss=removed><body></span><span xss=removed>.</span></p></li><li dir="ltr" xss=removed aria-level="1"><p dir="ltr" xss=removed role="presentation"><span xss=removed>Heading and paragraph tags:</span><span xss=removed> Questions will cover correct usage of </span><span xss=removed><h1></span><span xss=removed> through </span><span xss=removed><h6></span><span xss=removed>, as well as </span><span xss=removed><p></span><span xss=removed> tags for formatting text.</span></p></li><li dir="ltr" xss=removed aria-level="1"><p dir="ltr" xss=removed role="presentation"><span xss=removed>List elements:</span><span xss=removed> Expect questions on creating ordered lists (</span><span xss=removed><ol></span><span xss=removed>), unordered lists (</span><span xss=removed><ul></span><span xss=removed>), and list items (</span><span xss=removed><li></span><span xss=removed>).</span></p></li><li dir="ltr" xss=removed aria-level="1"><p dir="ltr" xss=removed role="presentation"><span xss=removed>Anchors and hyperlinks:</span><span xss=removed> Mastery of the </span><span xss=removed><a></span><span xss=removed> tag and its </span><span xss=removed>href</span><span xss=removed> attribute is essential for linking web pages, which is a core concept.</span></p></li><li dir="ltr" xss=removed aria-level="1"><p dir="ltr" xss=removed role="presentation"><span xss=removed>Image embedding:</span><span xss=removed> You'll be tested on your ability to use the </span><span xss=removed><img></>< style="font-size:13pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> tag and its vital </span><span xss=removed>src</span><span xss=removed> and </span><span xss=removed>alt</span><span xss=removed> attributes.</span></p></li><li dir="ltr" xss=removed aria-level="1"><p dir="ltr" xss=removed role="presentation"><span xss=removed>Table structure:</span><span xss=removed> An fundamental understanding of </span><span xss=removed><table></span><span xss=removed>, </span><span xss=removed><tr></span><span xss=removed>, </span><span xss=removed><td></span><span xss=removed>, and </span><span xss=removed><th></span><span xss=removed> tags is needed to represent data.</span></p></li><li dir="ltr" xss=removed aria-level="1"><p dir="ltr" xss=removed role="presentation"><span xss=removed>Form elements:</span><span xss=removed> The test will cover key elements used in web forms, such as </span><span xss=removed><form></span><span xss=removed>, </span><span xss=removed><input></span><span xss=removed>, </span><span xss=removed><label></span><span xss=removed>, </span><span xss=removed><textarea></span><span xss=removed>, </span><span xss=removed><button></span><span xss=removed>, and </span><span xss=removed><select></span><span xss=removed>.</span></p></li><li dir="ltr" xss=removed aria-level="1"><p dir="ltr" xss=removed role="presentation"><span xss=removed>Formatting and structural tags:</span><span xss=removed> Expect questions about tags like </span><span xss=removed><div></span><span xss=removed>, </span><span xss=removed><span></span><span xss=removed>, </span><span xss=removed><strong></span><span xss=removed>, </span><span xss=removed><em></span><span xss=removed>, </span><span xss=removed><ul></span><span xss=removed>, </span><span xss=removed><ol></span><span xss=removed>, and </span><span xss=removed><li></span><span xss=removed>.</span></p></li></ul><p><b xss=removed id="docs-internal-guid-4c6029a8-7fff-51a1-a978-82c86d2f4b05"><br></b></p><h2 dir="ltr" xss=removed><span xss=removed>What to Expect in the Final Exam</span></h2><p dir="ltr" xss=removed><span xss=removed>While the exact structure can vary depending on the platform hosting it, this practice test is designed to mimic the style of foundational certification exams. Most questions are in a multiple-choice format, requiring you to select the best answer from several options.</span></p><p dir="ltr" xss=removed><span xss=removed>The duration and number of questions might be adjusted to simulate real exam pressure, often with a strict time limit to encourage efficient thinking. Passing scores are usually set in the range of 70-80% to ensure a solid grasp of the subject. The test may include situational scenarios where you must determine the appropriate tag to use in a given context.</span></p><p><b xss=removed><br></b></p><h2 dir="ltr" xss=removed><span xss=removed>How to Study and Exam Centers</span></h2><p dir="ltr" xss=removed><span xss=removed>Preparation is paramount, and the best way to study is to actively practice writing HTML. Don't just read about the tags; type them out yourself and view the results in a browser.</span></p><p dir="ltr" xss=removed><span xss=removed>Numerous free online resources are available, including tutorials on platforms like W3Schools, MDN Web Docs, and various coding bootcamps. Consistently taking mock tests and practice exams is an excellent strategy to identify weak areas. Focusing on understanding why a particular tag is the correct choice in a specific situation is also critical.</span></p><p dir="ltr" xss=removed><span xss=removed>This practice test is an online-based assessment, making it incredibly accessible. You can generally take it on various educational platforms and learning management systems (LMS) from the comfort of your own home or office. It does not typically require a physical testing center like Pearson VUE or Prometric.</span></p><p><b xss=removed><br></b></p><h2 dir="ltr" xss=removed><span xss=removed>Job Opportunities from the Course</span></h2><p dir="ltr" xss=removed><span xss=removed>Mastery of HTML tags and their usage is a foundational skill that can open doors to numerous career paths in the exciting field of web development. Proficiency in HTML is an essential asset for a wide range of roles, including:</span></p><p></p><ul xss=removed><li dir="ltr" xss=removed aria-level="1"><p dir="ltr" xss=removed role="presentation"><span xss=removed>Front-End Web Developer:</span><span xss=removed> This is a key prerequisite for designing and building the visual and interactive parts of websites.</span></p></li><li dir="ltr" xss=removed aria-level="1"><p dir="ltr" xss=removed role="presentation"><span xss=removed>Web Content Manager:</span><span xss=removed> Understanding HTML allows you to efficiently create, edit, and maintain web content.</span></p></li><li dir="ltr" xss=removed aria-level="1"><p dir="ltr" xss=removed role="presentation"><span xss=removed>SEO Specialist:</span><span xss=removed> Knowing HTML structure is critical for optimizing websites for search engines.</span></p></li><li dir="ltr" xss=removed aria-level="1"><p dir="ltr" xss=removed role="presentation"><span xss=removed>UI/UX Designer:</span><span xss=removed> A foundational knowledge of HTML helps designers understand technical constraints and collaborate more effectively with developers.</span></p></li><li dir="ltr" xss=removed aria-level="1"><p dir="ltr" xss=removed role="presentation"><span xss=removed>Digital Marketer:</span><span xss=removed> Basic HTML skills are incredibly useful for managing email campaigns, landing pages, and online ad copy.</span></p></li><li dir="ltr" xss=removed aria-level="1"><p dir="ltr" xss=removed role="presentation"><span xss=removed>Technical Writer:</span><span xss=removed> Creating user-friendly documentation and online help guides often requires a foundational knowledge of HTML.</span></p></li></ul> </div> </section> <section class="quiz-info-section"> <span class="section-kicker">Quiz information</span> <h2>Frequently Asked Questions</h2> <div class="accordion quiz-faq" id="quizFAQ"> <div class="card"> <div class="card-header" id="faqHeading1"> <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1"> <i class="fas fa-question-circle mr-2"></i> How many questions are in this practice exam? </button> </div> <div id="collapse1" class="collapse show" aria-labelledby="faqHeading1" data-parent="#quizFAQ"> <div class="card-body"> The complete question count is available after full access is unlocked. </div> </div> </div> <div class="card"> <div class="card-header" id="faqHeading2"> <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2"> <i class="far fa-clock mr-2"></i> Is there a time limit? </button> </div> <div id="collapse2" class="collapse" aria-labelledby="faqHeading2" data-parent="#quizFAQ"> <div class="card-body"> No fixed duration is currently configured for this quiz. </div> </div> </div> <div class="card"> <div class="card-header" id="faqHeading3"> <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3"> <i class="fas fa-lightbulb mr-2"></i> Are explanations included? </button> </div> <div id="collapse3" class="collapse" aria-labelledby="faqHeading3" data-parent="#quizFAQ"> <div class="card-body">Question explanations are included where they are available in the quiz content, helping you review the reasoning after answering.</div> </div> </div> <div class="card"> <div class="card-header" id="faqHeading4"> <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4"> <i class="fas fa-redo-alt mr-2"></i> Can I retake the practice exam? </button> </div> <div id="collapse4" class="collapse" aria-labelledby="faqHeading4" data-parent="#quizFAQ"> <div class="card-body">Yes. You can retake the practice test again as you continue studying during your available access period.</div> </div> </div> <div class="card"> <div class="card-header" id="faqHeading5"> <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapse5" aria-expanded="false" aria-controls="collapse5"> <i class="fas fa-unlock-alt mr-2"></i> What happens after I unlock access? </button> </div> <div id="collapse5" class="collapse" aria-labelledby="faqHeading5" data-parent="#quizFAQ"> <div class="card-body">After your access is confirmed, you can continue into the complete practice exam from this quiz flow.</div> </div> </div> <div class="card"> <div class="card-header" id="faqHeading6"> <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapse6" aria-expanded="false" aria-controls="collapse6"> <i class="fas fa-info-circle mr-2"></i> Is this an official examination? </button> </div> <div id="collapse6" class="collapse" aria-labelledby="faqHeading6" data-parent="#quizFAQ"> <div class="card-body">Unless explicitly stated otherwise, this page provides independent practice material for study and exam preparation and is not the official examination itself.</div> </div> </div> </div> </section> <section class="quiz-info-section"> <span class="section-kicker">Keep studying</span> <h2>Related Questions</h2> <div class="related-question-grid"> <a href="https://quizzprep.com/quiz/codehs-advanced-html-and-css-practice-test-1016" class="related-question-card"> <h3>CodeHS Advanced HTML and CSS Practice test</h3> <div class="related-question-meta"> <i class="far fa-clock mr-1"></i>0 min </div> </a> <a href="https://quizzprep.com/quiz/html-and-css-certification-practice-test-4038" class="related-question-card"> <h3>HTML and CSS Certification Practice Test</h3> <div class="related-question-meta"> <i class="far fa-clock mr-1"></i>0 min </div> </a> <a href="https://quizzprep.com/quiz/ciw-advanced-html5-css3-specialist-1d0-720-html5-31276" class="related-question-card"> <h3>CIW Advanced HTML5 & CSS3 Specialist (1D0-720) [html5]</h3> <div class="related-question-meta"> <i class="far fa-clock mr-1"></i>0 min </div> </a> <a href="https://quizzprep.com/quiz/ciw-advanced-html5-css3-specialist-1d0-720-31277" class="related-question-card"> <h3>CIW Advanced HTML5 & CSS3 Specialist (1D0-720)</h3> <div class="related-question-meta"> <i class="far fa-clock mr-1"></i>0 min </div> </a> <a href="https://quizzprep.com/quiz/ciw-web-design-practice-questions-ciw-web-design-specialist-advanced-html5-css3-specialist-exam-31286" class="related-question-card"> <h3>CIW Web Design Practice Questions - CIW Web Design Specialist (Advanced HTML5 & CSS3 Specialist) Exam</h3> <div class="related-question-meta"> <i class="far fa-clock mr-1"></i>0 min </div> </a> <a href="https://quizzprep.com/quiz/ucertify-ciw-advanced-html5-css3-specialist-practice-test-54915" class="related-question-card"> <h3>uCertify CIW – Advanced HTML5 & CSS3 Specialist Practice Test</h3> <div class="related-question-meta"> <i class="far fa-clock mr-1"></i>0 min </div> </a> </div> </section> </div> <div class="col-lg-4 quiz-sidebar-column" id="quizAccessSidebarColumn"> <aside class="quiz-access-sidebar" aria-label="Quiz access details"> <div class="sidebar-head"> <div class="sidebar-price-label">Unlock the full practice quiz</div> <div class="sidebar-price"> <strong>$69.00</strong> <span style="color:#d7e0eb;font-size:.82rem;font-weight:700;">USD</span> </div> <div class="sidebar-price-note">One-time payment</div> </div> <div class="sidebar-body"> <div class="quiz-access-feature"> <span class="feature-icon"><i class="fas fa-unlock-alt"></i></span> <div> <strong>Full access</strong> <small>Continue through every question and detailed answer.</small> </div> </div> <div class="quiz-access-feature"> <span class="feature-icon"><i class="fas fa-file-pdf"></i></span> <div> <strong>Printable review</strong> <small>Printable PDF access is available with paid quiz access.</small> </div> </div> <div class="quiz-access-feature"> <span class="feature-icon"><i class="fas fa-lock"></i></span> <div> <strong>Secure payment</strong> <small>Checkout is handled through your secure payment flow.</small> </div> </div> <div class="quiz-access-feature"> <span class="feature-icon"><i class="fas fa-bolt"></i></span> <div> <strong>Instant access</strong> <small>Continue the quiz after your access is activated.</small> </div> </div> <div class="quiz-access-feature"> <span class="feature-icon"><i class="fas fa-redo-alt"></i></span> <div> <strong>Unlimited practice</strong> <small>Retake the practice quiz during your active access period.</small> </div> </div> <button type="button" class="quiz-sidebar-action" data-toggle="modal" data-target="#membershipUpgradeModal"> <i class="fas fa-lock-open mr-2"></i> Unlock Full Access </button> </div> </aside> </div> </div> </form> </div> <script type="text/javascript"> var is_answered_or_disable = ""; var quiz_last_attempted_question_url = ""; document.addEventListener('DOMContentLoaded', function() { const options = document.querySelectorAll('.nurseslabs-option'); options.forEach(option => { option.addEventListener('click', function(e) { if(e.target.tagName.toLowerCase() === 'input') return; const input = this.querySelector('.answer_input'); const container = this.closest('.nurseslabs-options-container'); const isMultiple = input.type === 'checkbox'; if(!isMultiple) { container.querySelectorAll('.nurseslabs-option').forEach(opt => opt.classList.remove('selected')); container.querySelectorAll('.answer_input').forEach(inp => inp.checked = false); } input.checked = !input.checked; if(input.checked) { this.classList.add('selected'); } else { this.classList.remove('selected'); } }); }); const revealBtns = document.querySelectorAll('.reveal-answer-btn'); revealBtns.forEach(btn => { btn.addEventListener('click', function(e) { e.preventDefault(); const rationaleBox = this.parentElement.nextElementSibling; if(rationaleBox && rationaleBox.classList.contains('rationale-box')) { if(rationaleBox.style.display === 'none' || rationaleBox.style.display === '') { rationaleBox.style.display = 'block'; this.innerHTML = '<i class="fas fa-eye-slash"></i> Hide Answer'; } else { rationaleBox.style.display = 'none'; this.innerHTML = '<i class="fas fa-eye"></i> Reveal Answer'; } } }); }); // One question at a time. The controller can still load five questions per page; // this keeps the existing save/session logic while presenting a single-question UI. const questionSlides = Array.from(document.querySelectorAll('.quiz-question-slide')); const prevQuestionBtn = document.getElementById('quizPrevQuestion'); const nextQuestionBtn = document.getElementById('quizNextQuestion'); const currentNumberEls = document.querySelectorAll('.js-current-question-number'); const currentNumberCenter = document.getElementById('quizCurrentQuestionNumber'); const quizForm = document.getElementById('myform'); const isPreviewMode = true; const hasFullAccess = false; const isLoggedIn = false; const openUnlockAfterAuth = false; const currentServerPage = 1; const totalServerPages = 2; const canonicalQuizUrl = "https:\/\/quizzprep.com\/quiz\/html-tags-practice-test-4035"; let activeQuestionIndex = 0; /* * The server handles the real test on /test/{id}/{page}, but that is an * implementation URL. Keep the public browser address permanently on * the friendly quiz URL while the user works through the purchased quiz. */ if (!isPreviewMode && canonicalQuizUrl && window.history && window.history.replaceState) { window.history.replaceState({}, document.title, canonicalQuizUrl); } function submitQuizAction(name, value) { if (!quizForm) return; let hidden = quizForm.querySelector('input[data-single-nav-action="1"]'); if (hidden) hidden.remove(); hidden = document.createElement('input'); hidden.type = 'hidden'; hidden.name = name; hidden.value = value || '1'; hidden.setAttribute('data-single-nav-action', '1'); quizForm.appendChild(hidden); quizForm.removeAttribute('onsubmit'); quizForm.submit(); } function savePreviewThen(destination) { if (!window.jQuery || !quizForm) { window.location.href = destination; return; } $.ajax({ url: 'https://quizzprep.com/quiz-preview/save/4035', type: 'POST', data: $('#myform').serialize(), dataType: 'json', complete: function() { window.location.href = destination; } }); } function renderQuestionSlide(index) { if (!questionSlides.length) return; activeQuestionIndex = Math.max(0, Math.min(index, questionSlides.length - 1)); questionSlides.forEach(function(slide, i) { const isActive = i === activeQuestionIndex; slide.classList.toggle('is-active', isActive); slide.setAttribute('aria-hidden', isActive ? 'false' : 'true'); }); const activeSlide = questionSlides[activeQuestionIndex]; const questionNumber = activeSlide ? activeSlide.getAttribute('data-question-number') : '1'; if (currentNumberCenter) currentNumberCenter.textContent = questionNumber; currentNumberEls.forEach(function(el) { el.textContent = questionNumber; }); if (prevQuestionBtn) { const canGoToPreviousServerPage = !isPreviewMode && currentServerPage > 1; prevQuestionBtn.disabled = (activeQuestionIndex === 0 && !canGoToPreviousServerPage); } if (nextQuestionBtn) { const isLastLocalQuestion = activeQuestionIndex === questionSlides.length - 1; const questionNumInt = parseInt(questionNumber, 10) || 1; if (isPreviewMode && !hasFullAccess && questionNumInt >= 5 && isLastLocalQuestion) { nextQuestionBtn.innerHTML = 'Next <i class="fas fa-lock ml-1"></i>'; } else if (!isPreviewMode && isLastLocalQuestion && currentServerPage >= totalServerPages) { nextQuestionBtn.innerHTML = 'Submit Exam <i class="fas fa-check ml-1"></i>'; } else { nextQuestionBtn.innerHTML = 'Next <i class="fas fa-chevron-right ml-1"></i>'; } } if (activeSlide && (index !== 0 || window.pageYOffset > 160)) { const reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; activeSlide.scrollIntoView({behavior: reduceMotion ? 'auto' : 'smooth', block: 'start'}); } } if (prevQuestionBtn) { prevQuestionBtn.addEventListener('click', function() { if (activeQuestionIndex > 0) { renderQuestionSlide(activeQuestionIndex - 1); } else if (!isPreviewMode && currentServerPage > 1) { submitQuizAction('preview_quiz', 'Previous'); } }); } if (nextQuestionBtn) { nextQuestionBtn.addEventListener('click', function() { if (!questionSlides.length) return; const activeSlide = questionSlides[activeQuestionIndex]; const questionNumber = parseInt(activeSlide.getAttribute('data-question-number'), 10) || 1; if (activeQuestionIndex < questionSlides.length - 1) { renderQuestionSlide(activeQuestionIndex + 1); return; } if (isPreviewMode) { if (!hasFullAccess && questionNumber >= 5) { if (window.jQuery) $('#membershipUpgradeModal').modal('show'); return; } if (hasFullAccess) { savePreviewThen('https://quizzprep.com/start-test/4035'); return; } return; } if (currentServerPage < totalServerPages) { submitQuizAction('next_quiz', 'Next'); } else { submitQuizAction('submit_test', 'Submit'); } }); } renderQuestionSlide(openUnlockAfterAuth && questionSlides.length ? questionSlides.length - 1 : 0); }); </script> <div class="modal fade" id="membershipUpgradeModal" tabindex="-1" role="dialog" aria-labelledby="membershipUpgradeModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog modal-dialog-centered" role="document" style="max-width:620px;"> <div class="modal-content qp-unlock-modal"> <button type="button" class="close qp-unlock-close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="qp-guest-gateway"> <div class="qp-guest-lock"><i class="fas fa-user-lock"></i></div> <h3 class="qp-guest-title" id="membershipUpgradeModalLabel">You've reached the end of free preview.</h3> <p class="qp-guest-copy">Create an account or log in to unlock full access and continue with this quiz and download the printable pdf with all questions and answers.</p> <div class="qp-auth-actions" role="group" aria-label="Account access options"> <a href="https://quizzprep.com/register?redirect=quiz%2Fhtml-tags-practice-test-4035%3Funlock%3D1" class="qp-auth-btn qp-auth-btn-primary preview-auth-link"> <i class="fas fa-user-plus mr-2"></i> Create an account </a> <a href="https://quizzprep.com/login?redirect=quiz%2Fhtml-tags-practice-test-4035%3Funlock%3D1" class="qp-auth-btn qp-auth-btn-secondary preview-auth-link"> <i class="fas fa-sign-in-alt mr-2"></i> Log in </a> </div> </div> </div> </div> </div> <script> window.addEventListener('load', function() { if (window.jQuery) { var gatewayIsLoggedIn = false; $('#membershipUpgradeModal').on('show.bs.modal', function() { if (gatewayIsLoggedIn) { $('body').addClass('quiz-gateway-purchase-open'); } }); $('#membershipUpgradeModal').on('hidden.bs.modal', function() { $('body').removeClass('quiz-gateway-purchase-open'); }); // Preserve first-five answers before checkout, login, or registration. $('.preview-checkout-link, .preview-continue-link, .preview-auth-link').on('click', function(e) { e.preventDefault(); var destination = $(this).attr('href'); var formData = $('#myform').serialize(); $.ajax({ url: 'https://quizzprep.com/quiz-preview/save/4035', type: 'POST', data: formData, dataType: 'json', complete: function() { window.location.href = destination; } }); }); } }); </script> </div> <footer class="site-footer"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6 mb-5 mb-lg-0 pr-lg-4"> <div class="row"> </div> </div> <div class="col-lg-3 col-md-6 mb-5 mb-lg-0"> <div class="row"> <div class="col-12 colum_link_section_2"> <a href="https://quizzprep.com/pages/about-us"><i class="fas fa-chevron-right mr-2" style="font-size: 10px; color: var(--primary);"></i> About Us</a> </div> <div class="col-12 colum_link_section_2"> <a href="https://quizzprep.com/pages/terms-and-conditions"><i class="fas fa-chevron-right mr-2" style="font-size: 10px; color: var(--primary);"></i> Terms and Conditions</a> </div> <div class="col-12 colum_link_section_2"> <a href="https://quizzprep.com/pages/privacy-policy"><i class="fas fa-chevron-right mr-2" style="font-size: 10px; color: var(--primary);"></i> Privacy Policy</a> </div> <div class="col-12 colum_link_section_2"> <a href="https://quizzprep.com/pages/refund-policy"><i class="fas fa-chevron-right mr-2" style="font-size: 10px; color: var(--primary);"></i> Refund Policy</a> </div> <div class="col-12 colum_link_section_2"> <a href="https://quizzprep.com/pages/copyright-and-dmca-policy"><i class="fas fa-chevron-right mr-2" style="font-size: 10px; color: var(--primary);"></i> Copyright and DMCA Policy</a> </div> </div> </div> <div class="col-lg-3 col-md-6 mb-5 mb-lg-0"> <div class="row"> </div> </div> <div class="col-lg-3 col-md-6"> <div class="row"> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row align-items-center"> <div class="col-md-6 text-center text-md-left mb-3 mb-md-0"> <p class="copyright_text"> <p>2026 All Rights Reserved</p> <span class="mx-2">|</span> <a href="https://quizzprep.com/contact" style="font-weight: 600;">Contact Us</a> </p> </div> <div class="col-md-6 text-center text-md-right"> <i class="fab fa-cc-stripe fa-2x text-muted mx-1"></i> <i class="fab fa-cc-visa fa-2x text-muted mx-1"></i> <i class="fab fa-cc-mastercard fa-2x text-muted mx-1"></i> </div> </div> </footer> </div> </div> <script type="text/javascript" src="https://quizzprep.com/assets/themes/quizzy/js/jquery.min.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/quizzy/js/jquery-ui.min.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/admin/js/popper.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/admin/js/tooltip.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/admin/js/bootstrap.min.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/admin/js/jquery.nicescroll.min.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/admin/js/summernote-bs4.min.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/admin/js/jquery.datetimepicker.full.min.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/quizzy/js/noty.min.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/quizzy/js/commonjs.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/quizzy/js/cookiealert.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/quizzy/js/modernizr.custom.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/quizzy/js/jquery.dlmenu.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/quizzy/js/bootstrap-notify.min.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/admin/js/jquery.dataTables.min.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/admin/js/dataTables.bootstrap4.min.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/admin/js/select2.min.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/admin/js/sweetalert-dev.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/quizzy/js/jquery.simple.timer.js?v=4.3.0"></script> <script type="text/javascript" src="https://quizzprep.com/assets/themes/quizzy/js/perfect-scrollbar.min.js?v=4.3.0"></script> <script type="text/javascript"> </script> <script type="text/javascript"> </script> <script> $(function() { if ($('.dl-menu').length && $.fn.dlmenu) { $('.dl-menu').dlmenu({ animationClasses: { classin: 'dl-animate-in-5', classout: 'dl-animate-out-5' } }); } }); </script> <div class="modal fade" id="quiz_all_in_one_modal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content quiz_all_in_one_modal_content"> <div class="modal-header"> <h2 class="modal-title quiz_all_in_one_modal_title text-info text-uppercase" id="quiz_all_in_one_modal_title"> Modal title</h2> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body quiz_all_in_one_modal_body"> ... </div> <div class="modal-footer quiz_all_in_one_modal_footer"> <a href="javascript:void(0)" class="btn btn-warning quiz_all_in_one_modal_footer_action">Action</a> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { // Check if there is a success message if (typeof flash_message !== 'undefined' && flash_message !== '') { if (typeof Noty !== 'undefined') { new Noty({ type: 'success', layout: 'topRight', text: flash_message, timeout: 5000, progressBar: true }).show(); } else { alert(flash_message); } } // Check if there is a form validation error message if (typeof flash_error !== 'undefined' && flash_error !== '') { if (typeof Noty !== 'undefined') { new Noty({ type: 'error', layout: 'topRight', text: flash_error, timeout: 5000, progressBar: true }).show(); } else { alert(flash_error); } } // Check if there is a backend system error (like an Email SMTP failure) if (typeof error_report !== 'undefined' && error_report !== '') { if (typeof Noty !== 'undefined') { new Noty({ type: 'error', layout: 'topRight', text: error_report, timeout: 5000, progressBar: true }).show(); } else { alert(error_report); } } }); </script> </body> </html>
