Providing a _____ property value for an interactive HTML element ensures that it is included in the tabbing navigation.
Difficulty level
display
tabindex
visibility
z-index
The tabindex attribute in HTML specifies the tab order of an element. A positive value ensures the element is focusable in sequential keyboard navigation. It's particularly important for making interactive elements accessible to keyboard users. If an element should be focusable but not in the sequential keyboard flow, tabindex="0" can be used.
How does the placement of "thead" and "tfoot" in the code affect the visual rendering of the table?
Difficulty level
"tfoot" can never be visually rendered by browsers.
Only "thead" affects the rendering, "tfoot" is ignored.
The "thead" always renders at the top and "tfoot" at the bottom, regardless of their positions in the code.
They render in the order they appear in the code.
Despite the placement of "thead" and "tfoot" in your HTML code, visually, browsers always render "thead" at the top and "tfoot" at the bottom of the table. This ensures that header and footer information is consistently displayed in the correct locations, even if the code sequence differs.
Can a element be used without a ? If so, in what scenarios?
Difficulty level
No, they always come together.
Yes, when the content is self-explanatory.
Yes, when the figure is used inside an article.
Yes, when using multiple images.
The
element can absolutely be used without a. It's not mandatory to have a caption for every figure. If the content inside the
is self-explanatory or if a caption might be redundant or unnecessary, one can omit the. However, when context or an explanation is beneficial, then should be included.
What is the significance of the tag in the <head> section?</h1>
<!-- star -->
<div class="star d-flex align-items-center">
<svg aria-hidden="true" width="100%" height="100%" viewBox="0 0 70 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="star-mask-33165">
<rect x="0" y="0" width="44.444444444444%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33165)">
<use xlink:href="#icon-star" width="14" height="14" x="0"></use>
<use xlink:href="#icon-star" width="14" height="14" x="14"></use>
<use xlink:href="#icon-star" width="14" height="14" x="28"></use>
<use xlink:href="#icon-star" width="14" height="14" x="42"></use>
<use xlink:href="#icon-star" width="14" height="14" x="56"></use>
</g>
<g fill="transparent" class="star-bordered" stroke-width="2">
<use xlink:href="#icon-star" width="12" height="12" x="1" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="15" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="29" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="43" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="57" y="1"></use>
</g>
</svg>
<span aria-hidden="true" class="visually-hidden">Difficulty level</span>
</div>
<div class="option">
<ul>
<li>It displays text within the body of the webpage. </li>
<li>It indicates the main topic of the page content. </li>
<li>It sets the title that appears on browser tabs and bookmarks. </li>
<li>It's used for defining styles. </li>
</ul>
<div class="answer" data-value="3">The <title> tag, placed within the <head> section, defines the title of the document. This title is displayed on the browser tab, in search results, and also determines the name when a user bookmarks the site. A meaningful title helps users navigate, aids in search engine optimization, and provides context when multiple tabs are open. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33165/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33162">Can the order of elements within the <head> section impact the page load performance?</h1>
<!-- star -->
<div class="star d-flex align-items-center">
<svg aria-hidden="true" width="100%" height="100%" viewBox="0 0 70 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="star-mask-33162">
<rect x="0" y="0" width="75%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33162)">
<use xlink:href="#icon-star" width="14" height="14" x="0"></use>
<use xlink:href="#icon-star" width="14" height="14" x="14"></use>
<use xlink:href="#icon-star" width="14" height="14" x="28"></use>
<use xlink:href="#icon-star" width="14" height="14" x="42"></use>
<use xlink:href="#icon-star" width="14" height="14" x="56"></use>
</g>
<g fill="transparent" class="star-bordered" stroke-width="2">
<use xlink:href="#icon-star" width="12" height="12" x="1" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="15" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="29" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="43" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="57" y="1"></use>
</g>
</svg>
<span aria-hidden="true" class="visually-hidden">Difficulty level</span>
</div>
<div class="option">
<ul>
<li>No, the order is irrelevant. </li>
<li>Only if there are conflicting styles or scripts. </li>
<li>Only the order of meta tags matters. </li>
<li>Yes, especially the order of styles and scripts can impact rendering. </li>
</ul>
<div class="answer" data-value="4">The order of elements in the <head> can influence how quickly a page is rendered. For instance, style sheets should be placed at the top to ensure that the page doesn't render without styles briefly (avoiding FOUC - Flash of Unstyled Content). Similarly, scripts that are not marked with async or defer and are placed in the head can block rendering, so their order and presence can influence performance. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33162/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33161">For better accessibility, the ______ ARIA role should be used to indicate the role of the dropdown list.</h1>
<!-- star -->
<div class="star d-flex align-items-center">
<svg aria-hidden="true" width="100%" height="100%" viewBox="0 0 70 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="star-mask-33161">
<rect x="0" y="0" width="40%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33161)">
<use xlink:href="#icon-star" width="14" height="14" x="0"></use>
<use xlink:href="#icon-star" width="14" height="14" x="14"></use>
<use xlink:href="#icon-star" width="14" height="14" x="28"></use>
<use xlink:href="#icon-star" width="14" height="14" x="42"></use>
<use xlink:href="#icon-star" width="14" height="14" x="56"></use>
</g>
<g fill="transparent" class="star-bordered" stroke-width="2">
<use xlink:href="#icon-star" width="12" height="12" x="1" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="15" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="29" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="43" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="57" y="1"></use>
</g>
</svg>
<span aria-hidden="true" class="visually-hidden">Difficulty level</span>
</div>
<div class="option">
<ul>
<li>dropdown </li>
<li>selectable </li>
<li>listbox </li>
<li>choicebox </li>
</ul>
<div class="answer" data-value="3">The ARIA (Accessible Rich Internet Applications) specification provides ways to make web content and web applications more accessible to people with disabilities. For dropdown lists, the listbox role indicates that an element acts as a container for a list of options. This role provides important context to assistive technologies, helping them convey the purpose and function of the dropdown to users effectively. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33161/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33160">You're building a navigation menu using inline elements. How would you ensure that they are spaced evenly and are also responsive?</h1>
<!-- star -->
<div class="star d-flex align-items-center">
<svg aria-hidden="true" width="100%" height="100%" viewBox="0 0 70 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="star-mask-33160">
<rect x="0" y="0" width="50%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33160)">
<use xlink:href="#icon-star" width="14" height="14" x="0"></use>
<use xlink:href="#icon-star" width="14" height="14" x="14"></use>
<use xlink:href="#icon-star" width="14" height="14" x="28"></use>
<use xlink:href="#icon-star" width="14" height="14" x="42"></use>
<use xlink:href="#icon-star" width="14" height="14" x="56"></use>
</g>
<g fill="transparent" class="star-bordered" stroke-width="2">
<use xlink:href="#icon-star" width="12" height="12" x="1" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="15" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="29" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="43" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="57" y="1"></use>
</g>
</svg>
<span aria-hidden="true" class="visually-hidden">Difficulty level</span>
</div>
<div class="option">
<ul>
<li>Assign a percentage-based width to each element. </li>
<li>Set a fixed width and use margin: auto; </li>
<li>Use flexbox with justify-content: space-between; </li>
<li>Use tables for layout. </li>
</ul>
<div class="answer" data-value="3">Using Flexbox is one of the modern approaches to layout designs and is very effective in spacing elements evenly within a container. By setting the container to display: flex; and using justify-content: space-between;, you can ensure that the inline elements (like navigation links) are spaced evenly. Additionally, Flexbox is responsive by nature, allowing for adjustments based on different viewport sizes. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33160/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33159">What is the purpose of the <caption> tag in HTML tables?</h1>
<!-- star -->
<div class="star d-flex align-items-center">
<svg aria-hidden="true" width="100%" height="100%" viewBox="0 0 70 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="star-mask-33159">
<rect x="0" y="0" width="87.5%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33159)">
<use xlink:href="#icon-star" width="14" height="14" x="0"></use>
<use xlink:href="#icon-star" width="14" height="14" x="14"></use>
<use xlink:href="#icon-star" width="14" height="14" x="28"></use>
<use xlink:href="#icon-star" width="14" height="14" x="42"></use>
<use xlink:href="#icon-star" width="14" height="14" x="56"></use>
</g>
<g fill="transparent" class="star-bordered" stroke-width="2">
<use xlink:href="#icon-star" width="12" height="12" x="1" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="15" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="29" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="43" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="57" y="1"></use>
</g>
</svg>
<span aria-hidden="true" class="visually-hidden">Difficulty level</span>
</div>
<div class="option">
<ul>
<li>It allows merging of table cells. </li>
<li>It defines a cell that contains column headings. </li>
<li>It provides a title or summary for the table. </li>
<li>It specifies cell padding. </li>
</ul>
<div class="answer" data-value="3">The </p>
<caption> tag is used to provide a title or a summary for an HTML table. It helps give context and improve the accessibility of the table by informing users about the table's content or purpose at a glance. Typically, the caption will be centered above the table. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33159/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33158">When implementing responsive tables for mobile views, the CSS property ______ is commonly used to display content in a block-level format.</h1>
<!-- star -->
<div class="star d-flex align-items-center">
<svg aria-hidden="true" width="100%" height="100%" viewBox="0 0 70 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="star-mask-33158">
<rect x="0" y="0" width="14.285714285714%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33158)">
<use xlink:href="#icon-star" width="14" height="14" x="0"></use>
<use xlink:href="#icon-star" width="14" height="14" x="14"></use>
<use xlink:href="#icon-star" width="14" height="14" x="28"></use>
<use xlink:href="#icon-star" width="14" height="14" x="42"></use>
<use xlink:href="#icon-star" width="14" height="14" x="56"></use>
</g>
<g fill="transparent" class="star-bordered" stroke-width="2">
<use xlink:href="#icon-star" width="12" height="12" x="1" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="15" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="29" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="43" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="57" y="1"></use>
</g>
</svg>
<span aria-hidden="true" class="visually-hidden">Difficulty level</span>
</div>
<div class="option">
<ul>
<li>display: block; </li>
<li>position: relative; </li>
<li>table-display: mobile; </li>
<li>visibility: hidden; </li>
</ul>
<div class="answer" data-value="1">To make tables responsive, especially for mobile views where screen real estate is limited, the display: block; property can be employed. This takes the table out of its default table display context and makes it behave like a block-level element. This is often combined with media queries and other techniques to stack rows or reformat the table structure for better mobile readability. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33158/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33157">The _______ element should be used to provide a reference for a blockquote when it is not part of the quoting sentence.</h1>
<!-- star -->
<div class="star d-flex align-items-center">
<svg aria-hidden="true" width="100%" height="100%" viewBox="0 0 70 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="star-mask-33157">
<rect x="0" y="0" width="50%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33157)">
<use xlink:href="#icon-star" width="14" height="14" x="0"></use>
<use xlink:href="#icon-star" width="14" height="14" x="14"></use>
<use xlink:href="#icon-star" width="14" height="14" x="28"></use>
<use xlink:href="#icon-star" width="14" height="14" x="42"></use>
<use xlink:href="#icon-star" width="14" height="14" x="56"></use>
</g>
<g fill="transparent" class="star-bordered" stroke-width="2">
<use xlink:href="#icon-star" width="12" height="12" x="1" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="15" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="29" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="43" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="57" y="1"></use>
</g>
</svg>
<span aria-hidden="true" class="visually-hidden">Difficulty level</span>
</div>
<div class="option">
<ul>
<li>cite </li>
<li>figcaption </li>
<li>ref </li>
<li>source </li>
</ul>
<div class="answer" data-value="2">The figcaption element is typically used with the </p>
<figure> element to provide a caption or a reference for content such as </p>
<blockquote><p>, images, or diagrams. When a blockquote needs additional context or a citation that isn't part of the quoting sentence, wrapping the blockquote in a </p>
<figure> and using a<figcaption> for the citation/reference provides a semantically meaningful structure. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33157/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33156">The _______ CSS property is used to control the line-breaking behavior of an inline element.</h1>
<!-- star -->
<div class="star d-flex align-items-center">
<svg aria-hidden="true" width="100%" height="100%" viewBox="0 0 70 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="star-mask-33156">
<rect x="0" y="0" width="83.333333333333%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33156)">
<use xlink:href="#icon-star" width="14" height="14" x="0"></use>
<use xlink:href="#icon-star" width="14" height="14" x="14"></use>
<use xlink:href="#icon-star" width="14" height="14" x="28"></use>
<use xlink:href="#icon-star" width="14" height="14" x="42"></use>
<use xlink:href="#icon-star" width="14" height="14" x="56"></use>
</g>
<g fill="transparent" class="star-bordered" stroke-width="2">
<use xlink:href="#icon-star" width="12" height="12" x="1" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="15" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="29" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="43" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="57" y="1"></use>
</g>
</svg>
<span aria-hidden="true" class="visually-hidden">Difficulty level</span>
</div>
<div class="option">
<ul>
<li>border-collapse </li>
<li>display </li>
<li>line-height </li>
<li>white-space </li>
</ul>
<div class="answer" data-value="4">The white-space CSS property determines how white spaces inside an element are handled. By default, it's set to normal, which allows white spaces to collapse and line breaks to occur. However, if you want to control the line-breaking behavior of an inline element (like preventing it from breaking), you can use values like nowrap for the white-space property. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33156/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33152">What is the primary purpose of using comments in HTML?</h1>
<!-- star -->
<div class="star d-flex align-items-center">
<svg aria-hidden="true" width="100%" height="100%" viewBox="0 0 70 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="star-mask-33152">
<rect x="0" y="0" width="50%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33152)">
<use xlink:href="#icon-star" width="14" height="14" x="0"></use>
<use xlink:href="#icon-star" width="14" height="14" x="14"></use>
<use xlink:href="#icon-star" width="14" height="14" x="28"></use>
<use xlink:href="#icon-star" width="14" height="14" x="42"></use>
<use xlink:href="#icon-star" width="14" height="14" x="56"></use>
</g>
<g fill="transparent" class="star-bordered" stroke-width="2">
<use xlink:href="#icon-star" width="12" height="12" x="1" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="15" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="29" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="43" y="1"></use>
<use xlink:href="#icon-star" width="12" height="12" x="57" y="1"></use>
</g>
</svg>
<span aria-hidden="true" class="visually-hidden">Difficulty level</span>
</div>
<div class="option">
<ul>
<li>To add interactivity to a webpage. </li>
<li>To give instructions to the browser. </li>
<li>To provide explanations or notes within the code for developers. </li>
<li>To style the webpage. </li>
</ul>
<div class="answer" data-value="3">Comments in HTML are primarily used as a tool for developers. They allow coders to leave notes, explanations, or annotations within the code, helping to make the code more understandable and maintainable for other developers who might work on the same project. While comments don't impact the display or functionality of a webpage, they are invaluable for teamwork and understanding the logic behind specific code sections. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33152/">Discuss it</a>
</div>
</div>
<nav class="my-4" aria-label="Page navigation" role="navigation"><span class="visually-hidden">Page navigation</span><ul class="pagination justify-content-center"><li class="page-item disabled"><span class="page-link">Page 696 of 3329</span></li><li class="page-item"><a class="page-link" href="/quiz/" aria-label="First Page">«<span class="d-none d-lg-inline-block"> First</span></a></li><li class="page-item"><a class="page-link" href="/quiz/page/695/" aria-label="Previous Page">‹<span class="d-none d-lg-inline-block"> Previous</span></a></li><li class="page-item"><a class="page-link" href="/quiz/page/694/"><span class="visually-hidden">Page </span>694</a></li><li class="page-item"><a class="page-link" href="/quiz/page/695/"><span class="visually-hidden">Page </span>695</a></li><li class="page-item active"><span class="page-link"><span class="visually-hidden">Current Page </span>696</span></li><li class="page-item"><a class="page-link" href="/quiz/page/697/"><span class="visually-hidden">Page </span>697</a></li><li class="page-item"><a class="page-link" href="/quiz/page/698/"><span class="visually-hidden">Page </span>698</a></li><li class="page-item"><a class="page-link" href="/quiz/page/697/" aria-label="Next Page"><span class="d-none d-lg-inline-block">Next </span>›</a></li><li class="page-item"><a class="page-link" href="/quiz/page/3329/" aria-label="Last Page"><span class="d-none d-lg-inline-block">Last </span>»</a></li></ul></nav></main>
<aside class="sidebar col-lg-4">
<!-- Tags -->
<div class="border rounded-1 bg-white px-3 pt-3 pb-2 mb-4">
<h3 class="h6 border-bottom pb-2 mb-3">Book Topics</h3>
<div class="d-flex flex-wrap gap-2"><a href="/topic/science/" class="badge rounded-pill text-bg-light link-primary fw-normal">Science</a><a href="/topic/nature-maths/" class="badge rounded-pill text-bg-light link-primary fw-normal">Nature & Maths</a><a href="/topic/computing-internet/" class="badge rounded-pill text-bg-light link-primary fw-normal">Computing & Internet</a><a href="/topic/politics/" class="badge rounded-pill text-bg-light link-primary fw-normal">Politics</a><a href="/topic/philosophy-social-sciences/" class="badge rounded-pill text-bg-light link-primary fw-normal">Philosophy & Social Sciences</a><a href="/topic/mathematics/" class="badge rounded-pill text-bg-light link-primary fw-normal">Mathematics</a><a href="/topic/reference/" class="badge rounded-pill text-bg-light link-primary fw-normal">Reference</a><a href="/topic/social-sciences/" class="badge rounded-pill text-bg-light link-primary fw-normal">Social Sciences</a><a href="/topic/programming/" class="badge rounded-pill text-bg-light link-primary fw-normal">Programming</a><a href="/topic/engineering-technology/" class="badge rounded-pill text-bg-light link-primary fw-normal">Engineering & Technology</a><a href="/topic/computer-science/" class="badge rounded-pill text-bg-light link-primary fw-normal">Computer Science</a><a href="/topic/education/" class="badge rounded-pill text-bg-light link-primary fw-normal">Education</a><a href="/topic/scientific/" class="badge rounded-pill text-bg-light link-primary fw-normal">Scientific</a><a href="/topic/technical-medical/" class="badge rounded-pill text-bg-light link-primary fw-normal">Technical & Medical</a><a href="/topic/machine-learning/" class="badge rounded-pill text-bg-light link-primary fw-normal">Machine Learning</a><a href="/topic/business/" class="badge rounded-pill text-bg-light link-primary fw-normal">Business</a><a href="/topic/finance-law/" class="badge rounded-pill text-bg-light link-primary fw-normal">Finance & Law</a><a href="/topic/python/" class="badge rounded-pill text-bg-light link-primary fw-normal">Python</a><a href="/topic/higher-education/" class="badge rounded-pill text-bg-light link-primary fw-normal">Higher Education</a><a href="/topic/ai-machine-learning/" class="badge rounded-pill text-bg-light link-primary fw-normal">AI & Machine Learning</a></div>
</div>
<div class="border rounded-1 bg-white px-3 pt-3 pb-2 mb-4">
<h3 class="h6 border-bottom pb-2 mb-3">Hot Quiz</h3>
<div class="d-flex flex-wrap gap-2"><a href="/quizzes/php-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">PHP Quiz</a><a href="/quizzes/go-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Go Quiz</a><a href="/quizzes/machine-learning-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Machine Learning Quiz</a><a href="/quizzes/react-js-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">React.js Quiz</a><a href="/quizzes/cyber-security-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Cyber Security Quiz</a><a href="/quizzes/python-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Python Quiz</a><a href="/quizzes/node-js-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Node.js Quiz</a><a href="/quizzes/asp-net-core-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">ASP.NET Core Quiz</a><a href="/quizzes/data-science-statistics-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Data Science Statistics Quiz</a><a href="/quizzes/css-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">CSS Quiz</a><a href="/quizzes/etl-testing-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">ETL Testing Quiz</a><a href="/quizzes/ado-net-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">ADO.NET Quiz</a><a href="/quizzes/db2-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">DB2 Quiz</a><a href="/quizzes/checkpoint-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Checkpoint Quiz</a><a href="/quizzes/servlet-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Servlet Quiz</a><a href="/quizzes/hadoop-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Hadoop Quiz</a><a href="/quizzes/data-modelling-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Data Modelling Quiz</a><a href="/quizzes/api-testing-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">API Testing Quiz</a><a href="/quizzes/algorithm-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Algorithm Quiz</a><a href="/quizzes/database-testing-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Database Testing Quiz</a></div>
</div>
<!-- top 10 -->
<div class="border rounded-1 bg-white px-3 pt-3 pb-2 mb-4">
<h3 class="h6 border-bottom pb-2 mb-3">Hot Books of This Week</h3>
<ol class="ps-4 mb-0 small"><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/the-orange-book-of-machine-learning/" title="The Orange Book of Machine Learning" class="d-block text-truncate">The Orange Book of Machine Learning</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/dive-into-deep-learning/" title="Dive into Deep Learning" class="d-block text-truncate">Dive into Deep Learning</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/interpretable-machine-learning/" title="Interpretable Machine Learning" class="d-block text-truncate">Interpretable Machine Learning</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/numerical-recipes-in-python-4th-edition/" title="Numerical Recipes in Python, 4th Edition" class="d-block text-truncate">Numerical Recipes in Python, 4th Edition</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/intro-to-journalism-handbook/" title="Intro to Journalism Handbook" class="d-block text-truncate">Intro to Journalism Handbook</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/introduction-to-modern-statistics/" title="Introduction to Modern Statistics, 2nd Edition" class="d-block text-truncate">Introduction to Modern Statistics, 2nd Edition</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/entrepreneurship-by-openstax/" title="Entrepreneurship by OpenStax" class="d-block text-truncate">Entrepreneurship by OpenStax</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/introduction-to-python-programming/" title="Introduction to Python Programming" class="d-block text-truncate">Introduction to Python Programming</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/the-recursive-book-of-recursion/" title="The Recursive Book of Recursion" class="d-block text-truncate">The Recursive Book of Recursion</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/active-calculus-multivariable/" title="Active Calculus Multivariable" class="d-block text-truncate">Active Calculus Multivariable</a></li></ol>
</div>
</aside></div>
</div>
<footer class="footer pt-5 mt-auto">
<div class="container">
<div class="d-flex flex-column flex-sm-row justify-content-between border-top py-3 my-4">
<div id="google-ad" class="me-auto py-2">Copyright © 2026 Open Tech Book</div>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="/about/" class="nav-link p-2 text-muted">About</a></li>
<li class="list-inline-item"><a href="/contact/" class="nav-link p-2 text-muted">Contact</a></li>
<li class="list-inline-item"><a href="/faq/" class="nav-link p-2 text-muted">FAQ</a></li>
<li class="list-inline-item"><a href="/dmca/" class="nav-link p-2 text-muted">DMCA</a></li>
<li class="list-inline-item"><a href="/disclaimer/" class="nav-link p-2 text-muted">Disclaimer</a></li>
<li class="list-inline-item"><a href="/privacy-policy/" class="nav-link p-2 text-muted">Privacy Policy</a></li>
</ul>
</div>
</div>
</footer>
<a id="back-to-top" href="#" class="d-none d-lg-block"><span class="iconfont icon-chevron-up-outline"></span></a>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js" integrity="sha512-VK2zcvntEufaimc+efOYi622VN5ZacdnufnmX7zIhCPmjhKnOi9ZDMtg1/ug5l183f19gG1/cBstPO4D8N/Img==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://opentechbook.com/wp-content/themes/book/assets/js/site.min.js"></script>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/book/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
</body>
</html>