The ______ attribute is used to validate the form submission by ensuring that a field is filled out before submitting.

check
mandatory
required
validate

The "required" attribute is used with ,

elements to indicate that a value must be provided before submitting a form. If a user attempts to submit a form without filling out a field marked as "required", the browser will display an error message and prevent the form from being submitted. This client-side validation helps ensure that crucial data is not missed and reduces the number of incomplete form submissions. </div>
			</div>
			<div class="discuss">
				<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32939/">Discuss it</a>
			</div>
		</div>

<div class="card quiz mb-4">
			<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32940">If an image map consists of multiple clickable areas, each area must be defined with an ______ element.</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-32940">
						<rect x="0" y="0" width="25%" height="100%" fill="white"></rect>
					</mask>
					<g class="star-filled" mask="url(#star-mask-32940)">
						<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>
<area> </li>
<li><region> </li>
<li><zone> </li>
<li><sector> </li>
</ul>
<div class="answer" data-value="1">Each clickable region within an image map is defined using an </p>
<area> element. The </p>
<area> element will specify the shape (rect, circle, poly), coordinates, and the link it's associated with. This facilitates creating complex navigation options within a single image. </div>
			</div>
			<div class="discuss">
				<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32940/">Discuss it</a>
			</div>
		</div>

<div class="card quiz mb-4">
			<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32941">The _____ and _____ tags are used to semantically differentiate importance and stylistic offset, respectively.</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-32941">
						<rect x="0" y="0" width="22.222222222222%" height="100%" fill="white"></rect>
					</mask>
					<g class="star-filled" mask="url(#star-mask-32941)">
						<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><b> & <i> </li>
<li><emphasis> & <strong> </li>
<li><main> & <mark> </li>
<li><strong> & <em> </li>
</ul>
<div class="answer" data-value="4">The <strong> tag is utilized to indicate strong importance, seriousness, or urgency for its contents. This often translates to a bold visual weight. On the other hand, the <em> tag is used to emphasize text in a manner that might change the meaning of the sentence, typically rendered as italic. While <b> and <i> also make text bold and italic respectively, they don't carry the same semantic meanings. </div>
			</div>
			<div class="discuss">
				<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32941/">Discuss it</a>
			</div>
		</div>

<div class="card quiz mb-4">
			<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32944">Which type of button, when clicked, clears all input fields within a form?</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-32944">
						<rect x="0" y="0" width="66.666666666667%" height="100%" fill="white"></rect>
					</mask>
					<g class="star-filled" mask="url(#star-mask-32944)">
						<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><button type="clear"> </li>
<li><button type="erase"> </li>
<li><button type="reset"> </li>
<li><button type="submit"> </li>
</ul>
<div class="answer" data-value="3">The <button type="reset"> creates a button that, when clicked, resets all the form fields to their initial values. This is useful when users want to start over with the form. However, it's essential to use this button with caution as users might accidentally click it and lose all the data they've inputted. A good practice is to place it away from the submit button or use confirmations before clearing. </div>
			</div>
			<div class="discuss">
				<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32944/">Discuss it</a>
			</div>
		</div>

<div class="card quiz mb-4">
			<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32946">How do you associate a label with a specific form control when they are not nested?</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-32946">
						<rect x="0" y="0" width="20%" height="100%" fill="white"></rect>
					</mask>
					<g class="star-filled" mask="url(#star-mask-32946)">
						<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 placing the label before the form control. </li>
<li>Nesting the form control within a div with the label. </li>
<li>Using the id attribute of the form control and the for attribute of the label. </li>
<li>Using the name attribute of the label. </li>
</ul>
<div class="answer" data-value="3">To associate a label with a form control when they aren't nested, you utilize the for attribute on the label element. This for attribute should have the same value as the id attribute of the form control. By doing so, when a user clicks the label, the associated form control gets focus, enhancing accessibility and usability. </div>
			</div>
			<div class="discuss">
				<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32946/">Discuss it</a>
			</div>
		</div>

<div class="card quiz mb-4">
			<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32947">Which attribute is used to add alternative text for an image?</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-32947">
						<rect x="0" y="0" width="28.571428571429%" height="100%" fill="white"></rect>
					</mask>
					<g class="star-filled" mask="url(#star-mask-32947)">
						<use xlink:href="#icon-star" width="14" height="14" x="0"></use>
						<use xlink:href="#icon-star" width="14" height="14" x="14"></use>
						<use xlink:href="#icon-star" width="14" height="14" x="28"></use>
						<use xlink:href="#icon-star" width="14" height="14" x="42"></use>
						<use xlink:href="#icon-star" width="14" height="14" x="56"></use>
					</g>
					<g fill="transparent" class="star-bordered" stroke-width="2">
						<use xlink:href="#icon-star" width="12" height="12" x="1" y="1"></use>
						<use xlink:href="#icon-star" width="12" height="12" x="15" y="1"></use>
						<use xlink:href="#icon-star" width="12" height="12" x="29" y="1"></use>
						<use xlink:href="#icon-star" width="12" height="12" x="43" y="1"></use>
						<use xlink:href="#icon-star" width="12" height="12" x="57" y="1"></use>
					</g>
				</svg>
				<span aria-hidden="true" class="visually-hidden">Difficulty level</span>
			</div>
			<div class="option">
				<ul>
<li>alt </li>
<li>href </li>
<li>rel </li>
<li>src </li>
</ul>
<div class="answer" data-value="1">The alt attribute provides alternative text for an image. This text can be read aloud by screen readers, enabling visually impaired users to understand the content of the image. Additionally, if an image fails to load due to broken links or other issues, the alternative text will be displayed in its place, offering some context about the missing image. It's an essential attribute for accessibility and good web practices. </div>
			</div>
			<div class="discuss">
				<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32947/">Discuss it</a>
			</div>
		</div>

<div class="card quiz mb-4">
			<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32948">The rel="______" attribute value is often used alongside target="_blank" to enhance security.</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-32948">
						<rect x="0" y="0" width="20%" height="100%" fill="white"></rect>
					</mask>
					<g class="star-filled" mask="url(#star-mask-32948)">
						<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>external </li>
<li>nofollow </li>
<li>noopener </li>
<li>noreferrer </li>
</ul>
<div class="answer" data-value="3">The rel="noopener" attribute is used to ensure that when a new window or tab is opened via target="_blank", the new page runs in a separate process and doesn't have access to the source window via the window.opener property. This helps prevent potential malicious attacks. rel="noreferrer" also provides this feature but with the added behavior of not sending a referrer header. </div>
			</div>
			<div class="discuss">
				<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32948/">Discuss it</a>
			</div>
		</div>

<div class="card quiz mb-4">
			<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32949">How can an image map be made responsive to accommodate various screen sizes?</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-32949">
						<rect x="0" y="0" width="16.666666666667%" height="100%" fill="white"></rect>
					</mask>
					<g class="star-filled" mask="url(#star-mask-32949)">
						<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 making the image's resolution higher. </li>
<li>By setting the image's width to 100%. </li>
<li>By using media queries. </li>
<li>By using percentage coordinates instead of pixels for area shapes. </li>
</ul>
<div class="answer" data-value="4">Making an image map responsive primarily involves using percentage coordinates for area shapes rather than fixed pixel values. This ensures that hotspots scale proportionally with the image size. While setting the image's width to 100% can scale the image, it doesn't necessarily make the coordinates of the hotspots scale accordingly. Media queries and image resolution adjustments alone won't make an image map responsive. </div>
			</div>
			<div class="discuss">
				<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32949/">Discuss it</a>
			</div>
		</div>

<div class="card quiz mb-4">
			<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32950">How can you ensure that the page doesn’t scroll when an internal link is clicked?</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-32950">
						<rect x="0" y="0" width="50%" height="100%" fill="white"></rect>
					</mask>
					<g class="star-filled" mask="url(#star-mask-32950)">
						<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>Set the target element's position to fixed. </li>
<li>Use JavaScript to prevent default scrolling. </li>
<li>Use the noscroll attribute. </li>
<li>Use the scroll-behavior: smooth; CSS property. </li>
</ul>
<div class="answer" data-value="2">While HTML itself doesn't provide a built-in mechanism to prevent scrolling when an internal link is clicked, you can use JavaScript. By employing the event.preventDefault() method on the click event of the link, you can stop the default action (which is to navigate and scroll to the target element). For example: <a href="#section" onclick="event.preventDefault();">Link</a>. </div>
			</div>
			<div class="discuss">
				<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32950/">Discuss it</a>
			</div>
		</div>

<div class="card quiz mb-4">
			<h1 class="h5 mx-4 mt-3 mb-0 quizid" data-id="32951">Why is it important to avoid using heading tags to resize text?</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-32951">
						<rect x="0" y="0" width="50%" height="100%" fill="white"></rect>
					</mask>
					<g class="star-filled" mask="url(#star-mask-32951)">
						<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>Because heading tags are meant for playing videos. </li>
<li>Because they are semantically intended to indicate the structure and importance of content, not just for styling. </li>
<li>Because they can slow down page load speeds. </li>
<li>Because they might distort images. </li>
</ul>
<div class="answer" data-value="2">Heading tags, ranging from h1 (most important) to h6 (least important), are primarily meant to convey structural significance in a document. Using them merely for resizing text can mislead search engines and screen readers about the content's importance and hierarchy. Instead of misusing heading tags for styling purposes, CSS should be used to adjust text size and appearance. This ensures that content is both accessible and semantically correct. </div>
			</div>
			<div class="discuss">
				<a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32951/">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 814 of 3995</span></li><li class="page-item"><a class="page-link" href="/category/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="/category/quiz/page/813/" 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="/category/quiz/page/812/"><span class="visually-hidden">Page </span>812</a></li><li class="page-item"><a class="page-link" href="/category/quiz/page/813/"><span class="visually-hidden">Page </span>813</a></li><li class="page-item active"><span class="page-link"><span class="visually-hidden">Current Page </span>814</span></li><li class="page-item"><a class="page-link" href="/category/quiz/page/815/"><span class="visually-hidden">Page </span>815</a></li><li class="page-item"><a class="page-link" href="/category/quiz/page/816/"><span class="visually-hidden">Page </span>816</a></li><li class="page-item"><a class="page-link" href="/category/quiz/page/815/" 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="/category/quiz/page/3995/" 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/automate-the-boring-stuff-with-python/" title="Automate the Boring Stuff with Python" class="d-block text-truncate">Automate the Boring Stuff with Python</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>