The ______ input type is used to create a radio button in a form.

  • checkbox 
  • button 
  • text 
  • radio 
The input element with the type attribute set to "radio" is used to create a radio button in a form. Radio buttons are circular buttons that allow the user to select one option from a predefined set. Unlike checkboxes, which allow for multiple selections, radio buttons ensure that only one option within a group is selected at a time. 

You are building a landing page and need to ensure that the key message is prominently displayed and catches the user’s attention. How would you effectively use heading and paragraph tags to structure the message?

  • Display the message in a small

    tag at the bottom of the page. 

  • Place the main message in a

    tag with increased font-size. 

  • Use a large, centered

    tag for the main message, followed by a concise

    tag for supplementary information. 

  • Use multiple

    tags to display all content on the page. 

On a landing page, the key message should be the most dominant element. Using a large, centered

tag ensures that it grabs attention immediately. Following this with a concise paragraph (

) allows for supplementary information or a call-to-action that can further engage the visitor. This approach ensures the key message is both prominent and effective. 

The ____ attribute in the img tag can be utilized to display text while the image is loading.

  • alt 
  • display 
  • src 
  • title 
The alt attribute, also known as the "alternative text" attribute, is used within the tag to provide a text description for an image. This can be particularly helpful if the image fails to load or if the user is relying on screen reading software. The text can provide context or describe what is in the image, ensuring no information is lost even if the image doesn't appear. 

How does the "colspan" attribute affect table cell rendering?

  • It determines the color of the cell. 
  • It merges cells horizontally. 
  • It merges cells vertically. 
  • It specifies the cell's padding. 
The colspan attribute in table cells (

or

) defines how many columns a cell should span. For example, colspan="2" means that the cell will span across two columns. This allows the creation of complex table structures by merging cells horizontally, which can be particularly useful for headers in tables to cover multiple columns beneath them. 

What is the purpose of defining a tab order in an HTML document?

  • To define the sequence in which elements receive focus when the user navigates through them using the tab key. 
  • To order the elements alphabetically. 
  • To prioritize which elements load first. 
  • To specify the sequence of images. 
Defining a tab order in an HTML document refers to setting the sequence in which interactive elements like buttons, links, and form fields receive focus as the user presses the tab key. This is crucial for the usability and accessibility of a web page, especially for keyboard users and those using assistive technologies. A predictable tab order ensures users can navigate and interact with page content effectively. 

How can you group related form elements, and why might you want to do this?

  • By giving them the same "class" attribute. 
  • By placing them in a table. 
  • Using the "fieldset" element and "legend" for the caption. 
  • Using the "group" tag. 
The fieldset element is used to group related elements in a form. The legend element provides a caption for the fieldset. Grouping can make the form more understandable for users and assistive technologies, offering a more structured visual presentation and improved user experience. 

Which CSS property is used to control space between cells in a table?

  • border-spacing 
  • cell-spacing 
  • margin 
  • padding 
The border-spacing property in CSS is used to set the space between the borders of adjacent table cells. This property applies only when the table's border-collapse property is set to separate. Note that cell-spacing is often mistakenly referred to but is not a valid CSS property; it's an attribute for HTML tables but is not recommended for modern web design. Instead, CSS properties like border-spacing should be utilized. 

You need to design a form that includes multiple sections, such as personal information, contact information, and payment information. How would you organize and structure this form in HTML?

  • Using different pages for each section of information. 
  • Using fieldsets with legends to organize different sections within a single form. 
  • Using separate forms for each section and asking users to submit each one by one. 
  • Using the
    tag to divide the parts and combining them in one form. 
The

element is used to group related data in a form, and the

element provides a caption for the fieldset. This provides better organization and accessibility. Users can fill out the entire form on one page, and it's clear which inputs relate to which sections. 

How can you ensure that image maps are accessible to users using screen readers?

  • By adding a "screen-reader" attribute to the
    tag. 
  • By avoiding the use of image maps. 
  • By enlarging the active areas. 
  • By providing alternative text for each active area. 
Ensuring accessibility in web content is crucial, especially for users relying on screen readers. When using image maps, providing alternative text for each active area via the alt attribute allows screen readers to convey the purpose of each clickable region. This ensures that users with visual impairments can understand and interact with the content effectively. 

What is the purpose of the title element within the head section?

  • To display a heading at the top of the webpage. 
  • To provide a short description of the page. 
  • To show a subtitle for the content. 
  • To specify the title of the document that appears in the browser's title bar or tab. 
The element defines the title of the document, and its primary purpose is to provide a title for the browser tab or window. This title is also used when bookmarking pages and by search engines when displaying search results. It helps users identify which tab corresponds to which content when they have multiple tabs open. </div> </div> <div class="discuss"> <a class="btn btn-sm btn-secondary" rel="bookmark" href="/quiz/32883/">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 807 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/806/" 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/805/"><span class="visually-hidden">Page </span>805</a></li><li class="page-item"><a class="page-link" href="/category/quiz/page/806/"><span class="visually-hidden">Page </span>806</a></li><li class="page-item active"><span class="page-link"><span class="visually-hidden">Current Page </span>807</span></li><li class="page-item"><a class="page-link" href="/category/quiz/page/808/"><span class="visually-hidden">Page </span>808</a></li><li class="page-item"><a class="page-link" href="/category/quiz/page/809/"><span class="visually-hidden">Page </span>809</a></li><li class="page-item"><a class="page-link" href="/category/quiz/page/808/" 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"> <!-- 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/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/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/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/probabilistic-machine-learning/" title="Probabilistic Machine Learning" class="d-block text-truncate">Probabilistic Machine Learning</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></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>