What is the primary difference between block and inline elements regarding content flow?
- Block elements cannot be nested inside inline elements.
- Block elements start on a new line and take up the full width available, while inline elements do not.
- Inline elements can contain block elements.
- Inline elements can have margins and paddings.
Block elements, by default, start on a new line and occupy the full width of their container, pushing content before and after to new lines. In contrast, inline elements flow within the content and only take up as much width as necessary, not causing a line break. This characteristic fundamentally affects how they shape the layout and flow of content on a web page.
How is a comment written in HTML code?
- -- Comment --
- /* Comment */
- // Comment
In HTML, comments are written between . It's essential to know this as comments can be used to provide explanations or annotations within the code, but they won't be displayed on the web page. This is different from some other programming and scripting languages where other symbols might be used for comments.
Can comments be used to store metadata about the HTML document?
- Comments only store data about CSS.
- No, comments are ignored by browsers.
- Yes, but it's not recommended.
- Yes, it's a common practice.
While it's technically possible to store metadata within HTML comments, it's not a recommended practice. Metadata is often better placed in tags within the 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.
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="32973">The ______ attribute is used to specify the form method (get/post).</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-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="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> <!-- 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-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="32975">The ______ and ______ properties are used in CSS to hide and show columns in responsive tables.</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-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="32976">How would you implement smooth scrolling to anchors within a webpage using HTML and CSS?</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-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="32977">Which HTML tag is used to embed video files in a webpage?</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-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="32978">When styling a responsive table, what considerations need to be made regarding colspan and rowspan attributes?</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-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> <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 19 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/18/" 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/17/"><span class="visually-hidden">Page </span>17</a></li><li class="page-item"><a class="page-link" href="/quizzes/html-quiz/page/18/"><span class="visually-hidden">Page </span>18</a></li><li class="page-item active"><span class="page-link"><span class="visually-hidden">Current Page </span>19</span></li><li class="page-item"><a class="page-link" href="/quizzes/html-quiz/page/20/"><span class="visually-hidden">Page </span>20</a></li><li class="page-item"><a class="page-link" href="/quizzes/html-quiz/page/21/"><span class="visually-hidden">Page </span>21</a></li><li class="page-item"><a class="page-link" href="/quizzes/html-quiz/page/20/" 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/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/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/database-testing-quiz/" class="badge rounded-pill text-bg-light link-primary fw-normal">Database Testing 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/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></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/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/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><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/how-to-code-in-python-3/" title="How To Code in Python 3" class="d-block text-truncate">How To Code in Python 3</a></li><li class="pb-2"><a class="visit" href="https://opentechbook.com/book/probabilistic-machine-learning/" title="Probabilistic Machine Learning" class="d-block text-truncate">Probabilistic Machine Learning</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>