Building the User Interface by Using HTML5: Text, Graphics ... - server

28 | Lesson 2Figure 2-5Effects of improper nestingof tags6. To see the effect of improper nesting, move the end tag to appear after the last tag. Save L2-pet-test.html again and view it in a browser. Now all of the contentfrom “fresh water” to the end of the document is in boldface and italics, asshown in Figure 2-5.LICENSED PRODUCT NOT FOR RESALEFigure 2-6A copyright symbol appears inthe lower-left corner7. Close the L2-pet-test.html file in the editor and open L2-pet-orig.html.8. Add a copyright line to the bottom of the page by pressing Enter a few times afterthe closing tag and typing © 2012. Substitute the current yearfor “2012”, if necessary. Press Enter to add a blank line. Make sure the copyright lineis above the and end tags.9. Create a new file again by saving L2-pet-test.html as L2-pet-copyright.html andview it in the browser. Does the circle C symbol appear as shown in Figure 2-6? Ifnot, change © to ©, save the file, and then view it again.Copyright line with symbolTAKE NOTE*When viewing Web pages that you’re editing, it’s best to use a variety of Web browsers toensure your markup renders as expected for the widest audience. Some editing tools letyou select a browser for previewing Web pages from a list. If your tool doesn’t includethat option, you’ll need to install three or four different browsers and open your Webpages in each one.10. Go to the W3C Markup Validation Service Web page at http://validator.w3.org.Upload L2-pet-copyright.html and click Check to have the service check it. Fix anyerrors reported by the checker that relate to missing tags or typos, if any.