For better accessibility, the ______ ARIA role should be used to indicate the role of the dropdown list.
Difficulty level
dropdown
selectable
listbox
choicebox
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.
Can the order of elements within the section impact the page load performance?
Difficulty level
No, the order is irrelevant.
Only if there are conflicting styles or scripts.
Only the order of meta tags matters.
Yes, especially the order of styles and scripts can impact rendering.
The order of elements in the 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.
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="33166">Which HTML tag is used to create an ordered 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-33166">
<rect x="0" y="0" width="12.5%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33166)">
<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>
<dl> </li>
<li>
<li> </li>
<li>
<ol> </li>
<li>
<ul> </li>
</ul>
<div class="answer" data-value="3">The </p>
<ol> tag is used in HTML to create an ordered list. An ordered list typically displays elements in a numbered format. For example, it could be used to present a step-by-step guide or a ranked list of items. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33166/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33163">How can you adjust the spacing between paragraphs 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-33163">
<rect x="0" y="0" width="28.571428571429%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33163)">
<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 altering the font-size. </li>
<li>By changing the HTML version. </li>
<li>By modifying the margin or padding CSS properties. </li>
<li>By using the resize attribute. </li>
</ul>
<div class="answer" data-value="3">In HTML, the spacing between elements, such as paragraphs, can be adjusted using CSS properties like margin and padding. Specifically, the margin-bottom property on a </p>
<p> element or the margin-top property on the subsequent paragraph can determine the space between two paragraphs. Adjusting these properties allows for precise control over the layout and visual flow of content. </p></div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33163/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33164">What is the purpose of the method attribute in a form 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-33164">
<rect x="0" y="0" width="20%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33164)">
<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 define how long the form should be displayed. </li>
<li>To define the type of browser to open the form in. </li>
<li>To specify the HTTP method to use when sending form data. </li>
<li>To specify the way data is displayed on submission. </li>
</ul>
<div class="answer" data-value="3">The method attribute in an HTML form specifies the HTTP method to use when sending form data. Common values for this attribute include "GET" and "POST". The "GET" method appends form data to the URL in name/value pairs, which is ideal for non-sensitive data and when you want to bookmark the result. The "POST" method, on the other hand, sends the form data as the HTTP message body, making it more suitable for sending large amounts or sensitive data. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33164/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33167">Inline quotations are typically represented using the _______ element 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-33167">
<rect x="0" y="0" width="66.666666666667%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33167)">
<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><inquote> </li>
<li><iquote> </li>
<li><q> </li>
<li><quote> </li>
</ul>
<div class="answer" data-value="3">For shorter quotations that don't require a block-level distinction, the <q> element is used. It's an inline element, so it doesn't start on a new line and doesn't take up the full width of its container. Browsers typically render the content of the <q> element with quotation marks. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33167/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33168">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?</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-33168">
<rect x="0" y="0" width="90%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33168)">
<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>controls </li>
<li>features </li>
<li>operations </li>
<li>playback </li>
</ul>
<div class="answer" data-value="1">The controls attribute is used with the <video> tag to provide video controls like play, pause, volume, and the seek bar to the user. When this attribute is present, the browser will display the default video controls to the end-user, allowing them to interact with the video content easily. </div>
</div>
<div class="discuss">
<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/33168/">Discuss it</a>
</div>
</div>
<div class="card quiz mb-4">
<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="33169">The ______ element is used to provide a title for the table, which will be displayed above the 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-33169">
<rect x="0" y="0" width="90%" height="100%" fill="white"></rect>
</mask>
<g class="star-filled" mask="url(#star-mask-33169)">
<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>
<caption> </li>
<li>
<header> </li>
<li>
<thead> </li>
<li><title> </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>
<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 38 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/37/" 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/36/"><span class="visually-hidden">Page </span>36</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 active"><span class="page-link"><span class="visually-hidden">Current Page </span>38</span></li><li class="page-item"><a class="page-link" href="/quizzes/html-quiz/page/39/"><span class="visually-hidden">Page </span>39</a></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/39/" 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/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/machine-learning-with-python-tutorial/" title="Machine Learning with Python Tutorial" class="d-block text-truncate">Machine Learning with Python Tutorial</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/apex-calculus-4th-edition/" title="APEX Calculus, 4th Edition" class="d-block text-truncate">APEX Calculus, 4th Edition</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></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>