Which attribute is used in the video tag to make sure the video controls like play, pause, and the seek bar are available to the user?
- controls
- features
- operations
- playback
The controls attribute is used with the
The ______ element is used to provide a title for the table, which will be displayed above the table.
-
-
-
</li> </ul> <div class="answer" data-value="1">The </p> <caption> element is specifically designed to provide a title or caption for a table. This title will be displayed just above the table. While </p> <thead> is used for grouping header content, <title> sets the document's title (visible in browser tabs), and </p> <header> is a container for introductory content. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33169/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33170">What are the implications of using multiple h1 tags within a single webpage for SEO and semantic 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-33170"> <rect x="0" y="0" width="40%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-33170)"> <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 can dilute the main topic focus and confuse search engines, potentially impacting page ranking. </li> <li>It can lead to a decrease in page load times. </li> <li>It enhances the site's mobile responsiveness. </li> <li>It makes the website look visually appealing. </li> </ul> <div class="answer" data-value="1">Historically, it was a best practice to use a single h1 tag per page to represent the primary topic or focus. With the advent of HTML5 and the section element, it's now semantically correct to use multiple h1 tags in different sections of a page. However, overusing the h1 tag or using it without proper semantic structuring can dilute the main topic focus of the page. Search engines could get confused about the primary content, potentially affecting the page's SEO ranking. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33170/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33171">Why was the DOCTYPE declaration simplified in HTML5 compared to HTML 4.01?</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-33171"> <rect x="0" y="0" width="80%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-33171)"> <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 encourage the use of the latest standards without needing frequent DOCTYPE changes for new HTML versions. </li> <li>To make it compatible with XML parsers. </li> <li>To make the declaration more human-readable. </li> <li>To reduce the file size of web pages. </li> </ul> <div class="answer" data-value="1">HTML5 aimed to be a simpler, more streamlined language that was both backward-compatible and forward-looking. The DOCTYPE was simplified to <!DOCTYPE html> to avoid the various complications and confusions that arose from having multiple DOCTYPEs in previous versions of HTML. This change also promotes the idea of "one web" where the same content can be served to all devices, regardless of the HTML version, without having to regularly update the DOCTYPE as standards evolve. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33171/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33172">The _____ tag can be used to represent variables in a mathematical expression.</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-33172"> <rect x="0" y="0" width="50%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-33172)"> <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><equation> </li> <li><math> </li> <li><var> </li> <li><variable> </li> </ul> <div class="answer" data-value="3">The <var> tag in HTML is used to denote a variable in a mathematical expression or a programming context. For instance, in the equation a2+b2=c2a2+b2=c2, "a," "b," and "c" can be wrapped in the <var> tag to signify that they are variables in this context. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33172/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33176">The ______ attribute in a label element should contain the ID of a related form control.</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-33176"> <rect x="0" y="0" width="11.111111111111%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-33176)"> <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>bind </li> <li>connect </li> <li>for </li> <li>rel </li> </ul> <div class="answer" data-value="3">The for attribute in a label element specifies which form element a label is bound to. It should contain the ID of the related form control. This ensures that when the label is clicked, the associated input field gains focus, which enhances accessibility and usability. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33176/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33177">What is the significance of the DOCTYPE declaration with respect to validation?</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-33177"> <rect x="0" y="0" width="50%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-33177)"> <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 the browser to optimize memory usage. </li> <li>It defines the set of rules against which the document is checked. </li> <li>It enhances the security of the document. </li> <li>It increases the loading speed of the page. </li> </ul> <div class="answer" data-value="2">The DOCTYPE declaration is pivotal for validation because it determines the set of rules the document will be checked against. Validators use the specified DOCTYPE to understand which version of HTML or XHTML is being used and then checks the document's compliance against the appropriate specifications. Without this, validation tools wouldn't know which standards and rules to apply, leading to ambiguous or incorrect validation results. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33177/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33178">You're developing a data-driven website where tables will be used extensively. How will you ensure that tables are rendered optimally and maintain readability across all devices?</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-33178"> <rect x="0" y="0" width="77.777777777778%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-33178)"> <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>Always using fixed table widths. </li> <li>Applying responsive design with media queries. </li> <li>Using colspan and rowspan attributes extensively. </li> <li>Utilizing CSS grid for all tables. </li> </ul> <div class="answer" data-value="2">To ensure tables are optimally rendered and maintain readability across devices, it's crucial to apply responsive design principles. Utilizing media queries allows the tables to adjust and adapt based on different device sizes, ensuring a seamless experience. While CSS grid is a powerful tool for layout, it's not necessarily the best choice for all tables, especially when semantics and accessibility are considered. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33178/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33179">Which HTML element is commonly used to create a navigational 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-33179"> <rect x="0" y="0" width="33.333333333333%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-33179)"> <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> <menu> </li> <li> <nav> </li> <li><navig> </li> <li><navlist> </li> </ul> <div class="answer" data-value="2">The </p> <nav> element is introduced in HTML5 and is specifically designed to represent a section of a page that contains navigational links, typically menus. Using this semantic tag helps search engines and assistive technologies understand the structure of your website better, allowing for improved accessibility and SEO. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33179/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33180">When applying colspan and rowspan together in a complex table, which one takes precedence?</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-33180"> <rect x="0" y="0" width="66.666666666667%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-33180)"> <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>Both override each other depending on order. </li> <li>Neither, they function independently. </li> <li>colspan </li> <li>rowspan </li> </ul> <div class="answer" data-value="2">Both colspan and rowspan are attributes used in table cells (</p> <td> or </p> <th> elements) to span columns and rows, respectively. They function independently of each other. The colspan attribute dictates how many columns a cell should span horizontally, while the rowspan determines the number of rows a cell should span vertically. There is no precedence between the two; they simply dictate the cell's spanning in two different dimensions. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33180/">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 39 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/38/" 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/37/"><span class="visually-hidden">Page </span>37</a></li><li class="page-item"><a class="page-link" href="/quizzes/html-quiz/page/38/"><span class="visually-hidden">Page </span>38</a></li><li class="page-item active"><span class="page-link"><span class="visually-hidden">Current Page </span>39</span></li><li class="page-item"><a class="page-link" href="/quizzes/html-quiz/page/40/"><span class="visually-hidden">Page </span>40</a></li><li class="page-item"><a class="page-link" href="/quizzes/html-quiz/page/40/" aria-label="Next Page"><span class="d-none d-lg-inline-block">Next </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/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></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>