Building the User Interface by Using HTML5: Organization ... - server

More documents

Recommendations

Info

70 | Lesson 3 Figure 3-14 An example of an ordered list LICENSED PRODUCT NOT FOR RESALE Figure 3-15 An example of an unordered list You can change the round bullet symbols in an unordered list by simply adding an attribute to change the nature of the bullets. For square symbols, add type="square" to the tag, and for empty circles add type="circle". You can also add the attributes to individual list items (marked by ) to affect individual points. For example, to display all bullet symbols as filled-in squares: Cupcake flavors: Strawberry delight Chocolate chip cheesecake Italian creme The markup would appear as shown in Figure 3-16.
Building the User Interface by Using HTML5: Organization, Input, and Validation | 71 Figure 3-16 The bulleted items have filled-in squares as symbols LICENSED PRODUCT NOT FOR RESALE Another type of list is the definition list. It displays items with their definitions below the list item and indented. The tag defines the list, the tag marks each term in the item, and the tag defines each description. Here’s an example of the markup, and Figure 3-17 shows the rendered list. Strawberry delight Strawberry meringue buttercream with tiny wild strawberries Chocolate chip cheesecake Mini chocolate chips blended with creamy cheesecake and a chocolate brownie bottom, topped with cream cheese frosting Italian creme Italian cream cake topped with cream cheese frosting and toasted coconut Figure 3-17 An example of a definition list
Page 1 and 2: Building the User Interface by Usin
Page 17: Building the User Interface by Usin

Building the User Interface by Using HTML5: Organization ... - server

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?