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
    tag. 
  • 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="32895">Comments in HTML are not displayed in the _____.</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-32895"> <rect x="0" y="0" width="42.857142857143%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-32895)"> <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>Database </li> <li>JavaScript Console </li> <li>Rendered Page </li> <li>Stylesheet </li> </ul> <div class="answer" data-value="3">When comments are used in HTML, the content between the comment tags (<!-- and -->) is not displayed on the rendered page in the browser. However, as mentioned previously, they can still be viewed using the browser's view source feature. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32895/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32896">To make image maps accessible, the ______ attribute should be used within the <area> tag.</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-32896"> <rect x="0" y="0" width="71.428571428571%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-32896)"> <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>href </li> <li>rel </li> <li>src </li> </ul> <div class="answer" data-value="1">The alt attribute within the </p> <area> tag provides alternative text for areas of an image map, making the content accessible for users who rely on screen readers or when the image cannot be displayed. It's essential for making web content more inclusive for all users. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32896/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32888">The ______ element should be used to group the footer content in a table.</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-32888"> <rect x="0" y="0" width="28.571428571429%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-32888)"> <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><bottom> </li> <li> <footer> </li> <li> <tfoot> </li> <li><tfooting> </li> </ul> <div class="answer" data-value="3">The </p> <tfoot> element is specifically designed for grouping footer content in a table. It can contain multiple rows for the footer and is always displayed before the </p> <tbody> section when scrolling in browsers that support its display features. It helps in summarizing and categorizing table data. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32888/">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/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/ado-net-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">ADO.NET 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/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/database-testing-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Database Testing Quiz</a><a href="/quizzes/bootstrap-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Bootstrap Quiz</a><a href="/quizzes/algorithm-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Algorithm Quiz</a><a href="/quizzes/computer-science-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Computer Science Quiz</a><a href="/quizzes/commvault-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Commvault Quiz</a><a href="/quizzes/jcl-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">JCL 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/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/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/learning-analytics-methods-and-tutorials/" title="Learning Analytics Methods and Tutorials" class="d-block text-truncate">Learning Analytics Methods and Tutorials</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/rails-on-containers/" title="Rails on Containers" class="d-block text-truncate">Rails on Containers</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> </body> </html>