Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook

Lesson 1: Introducing HTML5 CHAPTER 2 43

■■HTML entities are special characters and can be embedded in your HTML document by using the ampersand (&), the entity name, and a semicolon (;). You can also use the ampersand (&), the hash symbol (#), the entity number, and the semicolon (;). ■■Nonbreaking spaces can be used to render several contiguous spaces. You can also use nonbreaking spaces to keep two words from being separated by a line break. ■■The id attribute specifies a unique identifier for an element.

Lesson review

Answer the following questions to test your knowledge of the information in this lesson. You can find the answers to these questions and explanations of why each answer choice is correct or incorrect in the “Answers” section at the end of this chapter.

You want to create an expando attribute on several

tags that display vehicles for
sale. The expando attribute will store the VIN (vehicle identification number) of the
vehicle for sale. Which of the following is the most appropriate example of creating the
expando attribute?
A. <h3 vin=’current VIN here’>1965 VW Beetle

B. <h3 id=’current VIN here’>1965 VW Beetle
C. <h3 data-vin=’current VIN here’>1965 VW Beetle
D. <h3 datavin=’current VIN here’>1965 VW Beetle

Which technology is HTML5 preceded by and derived from?
A. HTML 4.01
B. SGML
C. XHTML 1.0
D. XML

How should you start each HTML5 document?
A.
B.
C. <br /> D. <!DOCTYPE html></li><br /> <li>You want to use the disabled Boolean attribute on a text box. How can you accomplish<br /> this? (Choose all that apply.)<br /> A. <input name=’firstName’ type=’text’ disabled /><br /> B. <input name=’firstName’ type=’text’ disabled=’’ /><br /> C. <input name=’firstName’ type=’text’ disabled=’true’ /><br /> D. <input name=’firstName’ type=’text’ disabled=’disabled’ /></li><br /> </ol> </div> <meta itemprop='headline' content="p 65: tags that display vehicles for sale. The expando attribute will store the VIN (vehicle identification number) of the vehicle for sale. Which of the following is the most appropriate example of creating the expando attribute? A. <h3 vin=’current VIN here’>1965 VW Beetle - Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook - free download pdf - issuhub"> </div> <div role="navigation" itemscope itemtype="http://schema.org/SiteNavigationElement"> <span itemprop="url"><b><a href="/view/index?id=4154&pageIndex=64" rel="previous" itemprop="name">← Previous</a></b></span> <span itemprop="url" class="mx-3"><b><a href="/view/index?id=4154&pageIndex=66" rel="next" itemprop="name">Next →</a></b></span> </div> <div style=" text-align: center; margin: 20px auto; padding: 13px; width: 240px; font-size: 20px; "> <a class="page-link" style="background-color: #72bf86;" target="_blank" href="/view/index?id=4154&pageIndex=64#bookdownload" title="Free download pdf" >Free download pdf</a> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="col-lg-3 ml-lg-auto mb-5 mb-lg-0"> <div class="mb-4"> <h5 class="text-dark">Get our desktop app</h5> </div> <a class="btn btn-icon btn-indigo rounded-circle mr-2" target="_blank" href="/download/issuhub.dmg"> <i class="fa fa-apple"></i> </a> <a class="btn btn-icon btn-indigo rounded-circle" target="_blank" href="/download/issuhub.exe"> <i class="fa fa-windows"></i> </a> </div> <div class="col-6 col-md-3 col-lg mb-5 mb-lg-0"> <h5 class="text-dark">Company</h5>  <ul class="list-unstyled mb-0"> <li class="my-2"><a href="/about">About</a></li> <li class="my-2"><a href="/contact">Contact</a></li> <li class="my-2"><a href="/news/index">News</a></li> </ul>  </div> <div class="col-6 col-md-3 col-lg mb-5 mb-lg-0"> <h5 class="text-dark">Features</h5>  <ul class="list-unstyled mb-0"> <li class="my-2"><a href="/quick">Quick Start</a></li> <li class="my-2"><a href="/desktop">Desktop</a></li> <li class="my-2"><a href="/editor-help">Editor</a></li> </ul>  </div> <div class="col-6 col-md-3 col-lg"> <h5 class="text-dark">Documentation</h5>  <ul class="list-unstyled mb-0"> <li class="my-2"><a href="/support/index">Support</a></li> <li class="my-2"><a href="/site/pricing">Pricing</a></li> </ul>  </div> <div class="col-6 col-md-3"> <h5 class="text-dark">Resources</h5>  <ul class="list-unstyled mb-0"> <li class="my-2"> <a href="/tutorial" target="_blank"> <span class="media align-items-center"> <i class="fa fa-info-circle mr-2"></i> <span class="media-body">Tutorial</span> </span> </a> </li> <li class="my-2"> <a href="/site/login"> <span class="media align-items-center"> <i class="fa fa-user-circle mr-2"></i> <span class="media-body">Your Account</span> </span> </a> </li> </ul>  </div> </div> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="col-md-6 mb-4 mb-md-0">  <ul class="nav nav-sm nav-white nav-x-sm align-items-center"> <li class="my-2"> <a href="/privacy">Privacy & Policy</a> </li> <li class=" opacity my-2 mx-3">/</li> <li class="my-2"> <a href="/terms">Terms</a> </li> </ul>  </div> <div class="col-md-6 text-md-right"> <ul class="list-inline mb-0">  <li class="list-inline-item"> <a class="btn btn-xs btn-icon btn-soft-light" href="https://www.facebook.com/Issuhub-Flipbook-2315543688769343/"> <i class="fa fa-facebook text-dark"></i> </a> </li> <li class="list-inline-item"> <a class="btn btn-xs btn-icon btn-soft-light" href="https://twitter.com/IssuhubBooks"> <i class="fa fa-twitter text-dark"></i> </a> </li>  </ul> </div> </div>  <div style="text-align: center;"> <div >© ISSUHUB. 2024. All rights reserved.</div> </div>  </div> </div> </div> </div> <script src="/assets/6df76c57/assets/js/vendors/jquery-3.2.1.min.js"></script> <script src="/assets/6df76c57/assets/js/vendors/bootstrap.bundle.min.js"></script></body> </html>