Can comments in HTML be viewed by users on the front end?

No, they are completely hidden.
No, they are encrypted.
Yes, if they view the page source.
Yes, they appear on the rendered page.

Comments in HTML won't be displayed on the rendered web page that users see in their browser. However, if a user decides to view the page source (often available via right-clicking on the page and selecting 'View Page Source'), they will be able to see all the HTML code, including the comments.

Discuss it

Which element is used to define the title of a work (e.g., a book, a song, a movie) that is being cited?

</li> <li><work> </li> </ul> <div class="answer" data-value="1">The <cite> element is used to reference the title of a creative work. It can be used for various works such as books, songs, movies, and more. While the actual visual presentation can vary depending on the browser or the applied styles, semantically, it serves as a clear indication of a cited work in the markup. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32980/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32979">Can comments be used to store metadata about the HTML document?</h1>  <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-32979"> <rect x="0" y="0" width="28.571428571429%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-32979)"> <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>Comments only store data about CSS. </li> <li>No, comments are ignored by browsers. </li> <li>Yes, but it's not recommended. </li> <li>Yes, it's a common practice. </li> </ul> <div class="answer" data-value="3">While it's technically possible to store metadata within HTML comments, it's not a recommended practice. Metadata is often better placed in <meta> tags within the <head> of an HTML document where they're specifically designed to be. Storing metadata in comments won't cause errors, but it can lead to confusion and isn't semantically correct. Moreover, search engines and other web services won't recognize or utilize metadata stored this way. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32979/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32978">When styling a responsive table, what considerations need to be made regarding colspan and rowspan attributes?</h1>  <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-32978"> <rect x="0" y="0" width="66.666666666667%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-32978)"> <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>Their values may need adjustments based on screen size. </li> <li>They do not affect responsive design. </li> <li>They should be avoided entirely. </li> <li>They should be dynamically adjusted using JavaScript. </li> </ul> <div class="answer" data-value="1">When building a responsive table, especially when reflowing or reformatting rows and columns based on device width, cells that span multiple rows or columns (colspan and rowspan) can pose challenges. They might not adjust properly on all screen sizes, leading to visual inconsistencies or data being hard to read. In such cases, media queries or script-based adjustments might be necessary to ensure the table remains readable and usable across devices. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32978/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32977">Which HTML tag is used to embed video files in a webpage?</h1>  <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-32977"> <rect x="0" y="0" width="28.571428571429%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-32977)"> <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> </li> <li><media> </li> <li><movie> </li> <li><video> </li> </ul> <div class="answer" data-value="4">The <video> tag is used to embed video files in a webpage, making it possible to integrate video content directly into the page without requiring third-party plugins. The <video> tag supports multiple video formats, and you can specify multiple sources for different browsers and formats. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32977/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32976">How would you implement smooth scrolling to anchors within a webpage using HTML and CSS?</h1>  <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-32976"> <rect x="0" y="0" width="37.5%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-32976)"> <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 JavaScript's scrollTo method. </li> <li>Use the CSS overflow: smooth; property. </li> <li>Use the CSS scroll-behavior: smooth; property. </li> <li>Use the a:target pseudo-class. </li> </ul> <div class="answer" data-value="3">To enable smooth scrolling to anchors on a webpage purely with HTML and CSS, you can use the CSS property scroll-behavior and set its value to smooth. This will ensure that when anchor links are clicked, the browser will smoothly scroll to the target section, rather than jumping to it instantly. While there are JavaScript solutions as well, this CSS approach is the simplest and most elegant way to achieve the effect without requiring any additional scripts. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32976/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32975">The ______ and ______ properties are used in CSS to hide and show columns in responsive tables.</h1>  <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-32975"> <rect x="0" y="0" width="44.444444444444%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-32975)"> <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>block and none </li> <li>display and visibility </li> <li>margin and padding </li> <li>visible and hidden </li> </ul> <div class="answer" data-value="2">In CSS, the display and visibility properties are commonly used to hide and show elements. Specifically for table columns, setting the display property to none will effectively hide the column, while the visibility property can hide an element but still take up space. It's important to differentiate between them as they affect the layout differently. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32975/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32974">Users are experiencing issues where they complete a form but receive an error stating that required fields are not filled out. How can you ensure that users are alerted to missed fields before submitting?</h1>  <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-32974"> <rect x="0" y="0" width="62.5%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-32974)"> <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>Add the required attribute to necessary input fields. </li> <li>Ask users to double-check their entries before hitting submit. </li> <li>Manually review each submission for missing fields. </li> <li>Use JavaScript alerts for each field when the user tries to submit. </li> </ul> <div class="answer" data-value="1">The required attribute in HTML ensures that the browser prompts the user to fill in the field before allowing form submission. It's a native way to enforce field completion without relying on additional scripts or manual checks. While JavaScript can achieve similar functionality, using the required attribute is more straightforward and doesn't depend on users having JavaScript enabled. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32974/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32973">The ______ attribute is used to specify the form method (get/post).</h1>  <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-32973"> <rect x="0" y="0" width="83.333333333333%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-32973)"> <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>methodology </li> <li>method </li> <li>process </li> <li>transaction </li> </ul> <div class="answer" data-value="2">The method attribute in an HTML form specifies how to send form data to a server. The two most common methods are "GET" (appends data to the URL) and "POST" (sends data as a separate message). The method you choose should depend on the nature and sensitivity of the data being submitted. For example, sensitive data like passwords should always be sent using the "POST" method. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32973/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32990">You've been asked to enhance the keyboard navigation for a large-scale website. What strategies will you use to implement access keys and tab order without disrupting the existing user experience?</h1>  <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-32990"> <rect x="0" y="0" width="50%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-32990)"> <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>Allow users to customize their own access keys. </li> <li>Assign random keys as access keys without notifying the user. </li> <li>Prioritize access keys for commonly used actions and provide a clear visual guide. </li> <li>Set access keys based on frequently used keyboard shortcuts in applications like MS Word. </li> </ul> <div class="answer" data-value="3">Access keys should be intuitive, prioritizing common actions. Providing visual cues or guides can help users identify and remember them. Additionally, avoiding commonly used application shortcuts prevents interference with other key functionalities users might expect. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32990/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32989">To apply alternate row coloring in a table with CSS, you can use the ______ pseudo-class selector.</h1>  <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-32989"> <rect x="0" y="0" width="25%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-32989)"> <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-row </li> <li>:even </li> <li>:first-child </li> <li>:odd </li> </ul> <div class="answer" data-value="4">The :odd and :even pseudo-class selectors in CSS are used to style odd and even numbered elements respectively. When applied to table rows (like </p> <tr>), they can be used to style alternate rows. For instance, tr:odd would target every odd-numbered row in a table, enabling alternate row coloring. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32989/">Discuss it</a> </div> </div> <div class="card quiz mb-4"> <h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32988">How does the browser interpret nested text formatting tags?</h1>  <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-32988"> <rect x="0" y="0" width="14.285714285714%" height="100%" fill="white"></rect> </mask> <g class="star-filled" mask="url(#star-mask-32988)"> <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 applies all nested formats simultaneously. </li> <li>It ignores nested tags. </li> <li>It prioritizes the outermost tag. </li> <li>Only the innermost tag is applied. </li> </ul> <div class="answer" data-value="1">When text formatting tags are nested within one another, the browser applies the formatting of all the nested tags simultaneously. For example, if <em> is nested within <strong>, the content will be both italicized and bold. The combination of nested tags allows for a more granular level of text styling in an HTML document. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32988/">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 681 of 3329</span></li><li class="page-item"><a class="page-link" href="/quiz/" aria-label="First Page">«<span class="d-none d-lg-inline-block"> First</span></a></li><li class="page-item"><a class="page-link" href="/quiz/page/680/" aria-label="Previous Page">‹<span class="d-none d-lg-inline-block"> Previous</span></a></li><li class="page-item"><a class="page-link" href="/quiz/page/679/"><span class="visually-hidden">Page </span>679</a></li><li class="page-item"><a class="page-link" href="/quiz/page/680/"><span class="visually-hidden">Page </span>680</a></li><li class="page-item active"><span class="page-link"><span class="visually-hidden">Current Page </span>681</span></li><li class="page-item"><a class="page-link" href="/quiz/page/682/"><span class="visually-hidden">Page </span>682</a></li><li class="page-item"><a class="page-link" href="/quiz/page/683/"><span class="visually-hidden">Page </span>683</a></li><li class="page-item"><a class="page-link" href="/quiz/page/682/" aria-label="Next Page"><span class="d-none d-lg-inline-block">Next </span>›</a></li><li class="page-item"><a class="page-link" href="/quiz/page/3329/" aria-label="Last Page"><span class="d-none d-lg-inline-block">Last </span>»</a></li></ul></nav></main> <aside class="sidebar col-lg-4">  <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>  <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/intro-to-journalism-handbook/" title="Intro to Journalism Handbook" class="d-block text-truncate">Intro to Journalism Handbook</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/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/elementary-algebra-2nd-edition/" title="Elementary Algebra, 2nd Edition" class="d-block text-truncate">Elementary Algebra, 2nd Edition</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/introduction-to-modern-statistics/" title="Introduction to Modern Statistics, 2nd Edition" class="d-block text-truncate">Introduction to Modern Statistics, 2nd Edition</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/entrepreneurship-by-openstax/" title="Entrepreneurship by OpenStax" class="d-block text-truncate">Entrepreneurship by OpenStax</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/introduction-to-python-programming/" title="Introduction to Python Programming" class="d-block text-truncate">Introduction to Python Programming</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/the-recursive-book-of-recursion/" title="The Recursive Book of Recursion" class="d-block text-truncate">The Recursive Book of Recursion</a></li></ol> </div> </aside></div> </div> <footer class="footer pt-5 mt-auto"> <div class="container"> <div class="d-flex flex-column flex-sm-row justify-content-between border-top py-3 my-4"> <div id="google-ad" class="me-auto py-2">Copyright © 2026 Open Tech Book</div> <ul class="list-inline mb-0"> <li class="list-inline-item"><a href="/about/" class="nav-link p-2 text-muted">About</a></li> <li class="list-inline-item"><a href="/contact/" class="nav-link p-2 text-muted">Contact</a></li> <li class="list-inline-item"><a href="/faq/" class="nav-link p-2 text-muted">FAQ</a></li> <li class="list-inline-item"><a href="/dmca/" class="nav-link p-2 text-muted">DMCA</a></li> <li class="list-inline-item"><a href="/disclaimer/" class="nav-link p-2 text-muted">Disclaimer</a></li> <li class="list-inline-item"><a href="/privacy-policy/" class="nav-link p-2 text-muted">Privacy Policy</a></li> </ul> </div> </div> </footer> <a id="back-to-top" href="#" class="d-none d-lg-block"><span class="iconfont icon-chevron-up-outline"></span></a> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js" integrity="sha512-VK2zcvntEufaimc+efOYi622VN5ZacdnufnmX7zIhCPmjhKnOi9ZDMtg1/ug5l183f19gG1/cBstPO4D8N/Img==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://opentechbook.com/wp-content/themes/book/assets/js/site.min.js"></script> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/book/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> </body> </html>