How does the browser render a table when the "tfoot" element is written before the "tbody" element in the HTML code?
- The "tfoot" is displayed at the top of the table.
- The "tfoot" is ignored.
- The browser moves the "tfoot" to appear after the "tbody".
- The table gets distorted.
Even if the "tfoot" is written before the "tbody" in the HTML markup, browsers will render the "tfoot" section below the "tbody". This behavior ensures that footers appear at the bottom of tables, irrespective of their position in the code. It's an example of the browser's fault-tolerant behavior with the HTML specification.
How can you ensure that image maps are accessible to users using screen readers?
- By adding a "screen-reader" attribute to the
- By avoiding the use of image maps.
- By enlarging the active areas.
- By providing alternative text for each active area.
Ensuring accessibility in web content is crucial, especially for users relying on screen readers. When using image maps, providing alternative text for each active area via the alt attribute allows screen readers to convey the purpose of each clickable region. This ensures that users with visual impairments can understand and interact with the content effectively.
What is the purpose of the title element within the head section?
- To display a heading at the top of the webpage.
- To provide a short description of the page.
- To show a subtitle for the content.
- To specify the title of the document that appears in the browser's title bar or tab.
The element defines the title of the document, and its primary purpose is to provide a title for the browser tab or window. This title is also used when bookmarking pages and by search engines when displaying search results. It helps users identify which tab corresponds to which content when they have multiple tabs open. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32883/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32884">The ____ attribute defines the alternative text for an image.</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-32884">
<rect x="0" y="0" width="50%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-32884)">
<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>alt </li>
<li>description </li>
<li>label </li>
<li>text </li>
</ul>
<div class="answer" data-value="1">The alt attribute provides an alternative text description of the image. It's essential for accessibility as it describes the appearance and function of an image to those who cannot see it, such as visually impaired users or if the image fails to load. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32884/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32885">Can two stylesheets be linked in the head section and how would they be applied?</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-32885">
<rect x="0" y="0" width="12.5%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-32885)">
<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, only one stylesheet is allowed. </li>
<li>No, stylesheets must be included in the body section. </li>
<li>Yes, and they will be applied in the order they appear. </li>
<li>Yes, and they will override each other. </li>
</ul>
<div class="answer" data-value="3">Yes, multiple stylesheets can be linked in the head section of an HTML document. They will be applied in the sequence they appear. If there are conflicting styles, the rules in the later stylesheet will override those in the earlier ones. This allows for flexibility in web design, where base styles can be established in one sheet, and theme-specific or module-specific styles can be layered on top in subsequent sheets. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32885/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32886">To embed a YouTube video, you should use the ______ element and provide the video URL in the ______ attribute.</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-32886">
<rect x="0" y="0" width="75%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-32886)">
<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><video>, src </li>
<li><youtube>, link </li>
<li><iframe>, src </li>
<li><media>, url </li>
</ul>
<div class="answer" data-value="3">When embedding a YouTube video, you use the <iframe> tag, which can embed content from another site inside a frame. YouTube provides an "Embed" option that provides an <iframe> snippet. The video URL is specified in the src attribute of the <iframe>. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32886/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32887">What is the purpose of the source tag inside the audio or video tags?</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-32887">
<rect x="0" y="0" width="22.222222222222%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-32887)">
<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 captions to media </li>
<li>To link external stylesheets </li>
<li>To link scripts </li>
<li>To specify multiple file formats </li>
</ul>
<div class="answer" data-value="4">The<source>tag is used within <audio>or <video>tags to specify multiple media resources or to provide video or audio files in multiple formats. This ensures that the media can be played across different browsers and devices, as some browsers might not support certain formats. By providing alternatives, you increase the accessibility and compatibility of the media content on your webpage. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32887/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32890">How do you create a nested 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-32890">
<rect x="0" y="0" width="50%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-32890)">
<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>By adding the nested attribute to the
<ul> or </p>
<ol> tag. </li>
<li>By placing a
<ul> or </p>
<ol> inside an </p>
<li> element. </li>
<li>By placing an
<li> element inside another
<li> element. </li>
<li>By using the <nested> tag. </li>
</ul>
<div class="answer" data-value="2">To create a nested list in HTML, you can place a complete list (</p>
<ul> or </p>
<ol>) inside a list item (</p>
<li>) of another list. This allows you to have sub-lists or multi-level lists on your webpage. The browser will typically indent the nested list to indicate the hierarchy. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32890/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32891">In what way can a navigational list be made accessible for screen reader users?</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-32891">
<rect x="0" y="0" width="88.888888888889%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-32891)">
<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>Embed audio descriptions for each item. </li>
<li>Make all items flash on focus. </li>
<li>Use ARIA roles and proper semantic tags. </li>
<li>Use larger font sizes for the list items. </li>
</ul>
<div class="answer" data-value="3">ARIA (Accessible Rich Internet Applications) roles and attributes provide additional information about how elements behave or are related, enhancing the experience for users of assistive technologies. For navigation lists, using semantic HTML tags like </p>
<nav> and </p>
<ul>, combined with ARIA roles such as role="navigation", can significantly improve screen reader interpretation and user navigation. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32891/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32892">On a recipe website, you need to list the ingredients and steps separately and also allow for a nested list under some of the steps. How would you utilize ordered and unordered lists to structure the content?</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-32892">
<rect x="0" y="0" width="16.666666666667%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-32892)">
<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>Use
<dl> for ingredients and steps with nested </p>
<dd> for nested lists. </li>
<li>Use
<ol> for ingredients and </p>
<ul> for steps. </li>
<li>Use
<ol> for steps and </p>
<ul> for ingredients, with nested </p>
<ul> under steps when necessary. </li>
<li>Use only
<ul> for both ingredients and steps. </li>
</ul>
<div class="answer" data-value="3">For a recipe, the order of steps is critical, so </p>
<ol> (ordered list) is the best choice. For ingredients, since the order is typically not as vital, </p>
<ul> (unordered list) is more appropriate. In cases where a step may have sub-steps or additional details, a nested </p>
<ul> can be used under the primary </p>
<ol> to maintain clarity and structure. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32892/">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 10 of 40</span></li><li class="page-item"><a class="page-link" href="/quizzes/html-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="/quizzes/html-quiz/page/9/" 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="/quizzes/html-quiz/page/8/"><span class="visually-hidden">Page </span>8</a></li><li class="page-item"><a class="page-link" href="/quizzes/html-quiz/page/9/"><span class="visually-hidden">Page </span>9</a></li><li class="page-item active"><span class="page-link"><span class="visually-hidden">Current Page </span>10</span></li><li class="page-item"><a class="page-link" href="/quizzes/html-quiz/page/11/"><span class="visually-hidden">Page </span>11</a></li><li class="page-item"><a class="page-link" href="/quizzes/html-quiz/page/12/"><span class="visually-hidden">Page </span>12</a></li><li class="page-item"><a class="page-link" href="/quizzes/html-quiz/page/11/" 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="/quizzes/html-quiz/page/40/" 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/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/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/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/precalculus-preliminary-4th-edition/" title="Precalculus, Preliminary 4th Edition" class="d-block text-truncate">Precalculus, Preliminary 4th Edition</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/exploring-javascript-es2024-edition/" title="Exploring JavaScript ES2024 Edition" class="d-block text-truncate">Exploring JavaScript ES2024 Edition</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/learning-analytics-methods-and-tutorials/" title="Learning Analytics Methods and Tutorials" class="d-block text-truncate">Learning Analytics Methods and Tutorials</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 © 2025 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>