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

More documents

Recommendations

Info

68 | Lesson 3 CREATE A TABLE GET READY. To create a table, perform the following steps: 1. Using an HTML editor or app development tool and a Web browser, create a file named L3-PracTable.html with the following markup: LICENSED PRODUCT NOT FOR RESALE High-grossing Movies Movie Gross Proceeds Avatar $2.7 billion Titanic $2.1 billion The Dark Knight $1.0 billion 2. Italicize the title of each movie by using the tags. 3. Modify the table to add a caption above the table that reads “High-grossing Movies” and a footer that includes the word “Total” and “$5.8 billion”. 4. Change the background of the entire table, from column headings through the footer, to khaki, using hexadecimal code #F0E68C. To do so, add the following colgroup markup between and , as follows: 5. Save the file and view it in a Web browser. The finished table should look similar to Figure 3-13. Revise your markup if necessary and resave the file. 6. Close the file, and then leave the editing tool and Web browser open if you continue to the next exercise during this session.
Building the User Interface by Using HTML5: Organization, Input, and Validation | 69 Figure 3-13 The final high-grossing movies table LICENSED PRODUCT NOT FOR RESALE CERTIFICATION READY How do you create an ordered list and an unordered list? 2.4 CREATING LISTS Creating lists in HTML5 is simple, especially if you’ve created them in previous HTML specifications. The rules are nearly identical, although HTML5 modified how one list item should be used and introduces some new attributes. There are two primary types of HTML lists: • Ordered list: Orders the list entries using numbers, by default. It uses the tag. You can use the following attributes with an ordered list: a. reversed: Uses the value “reversed,” which reverses the order of the list, in descending order; this attribute is not supported in most browsers as of this writing b. start number: Specifies the start value of the ordered list c. type: Specifies the kind of marker to use at the beginning of each list item; the value “1” is the default and displays decimal numbers, the value “A” uses capital letters, the value “a” uses lowercase letters, the value “I” uses uppercase Roman numerals, and the value “i” uses lowercase Roman numerals • Unordered list: Displays list entries in a bulleted list. It uses a tag. Items in a list are marked by , which indicates an ordinary list item. Let’s look at some examples. Here is an ordered list, shown in a browser in Figure 3-14: Favorite cupcakes: Chocolate chip cheesecake Strawberry delight Italian creme Here is an unordered list, and shown in a Web browser in Figure 3-15: Cupcake flavors: Strawberry delight Chocolate chip cheesecake Italian creme
Page 1 and 2: Building the User Interface by Usin
Page 15: Building the User Interface by Usin

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

Create successful ePaper yourself

Delete template?

Save as template?