23.05.2015 Views

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

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

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

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

86 | Lesson 3<br />

10. What is <strong>the</strong> format for <strong>the</strong> <strong>HTML5</strong> tag that validates an email address?<br />

a. <br />

b. <br />

c. Email<br />

d. <br />

LICENSED True / False PRODUCT NOT FOR RESALE<br />

Circle T if <strong>the</strong> statement is true or F if <strong>the</strong> statement is false.<br />

T F 1. In a table, <strong>the</strong> tfoot element must appear before <strong>the</strong> tbody element.<br />

T F 2. You can use numbers or letters for each item in an ordered list.<br />

T F 3. You can specify <strong>the</strong> height of an input element using <strong>the</strong> size attribute.<br />

T F 4. The label element displays <strong>the</strong> caption, or title, for a table.<br />

T F 5. The nav element defines a block of navigation links.<br />

■ Competency Assessment<br />

Scenario 3-1: Markup for a Newsletter Article<br />

Sally Rowe, <strong>the</strong> document controller at Malted Milk Media, wants to publish a series of<br />

articles on <strong>the</strong> company intranet regarding document security and versioning. She needs to<br />

create a skeleton of <strong>the</strong> <strong>HTML5</strong> markup for an article that will appear in <strong>the</strong> monthly online<br />

newsletter created <strong>by</strong> one of <strong>the</strong> Web developers. Each article will have a title and subtitle,<br />

several paragraphs of text, and her name and <strong>the</strong> article date in <strong>the</strong> footer. What should her<br />

article markup look like?<br />

Scenario 3-2: Displaying Long Tables in HTML<br />

Vince generates accounting reports for <strong>the</strong> VP of Finance at Momentum Strategies, a PR firm<br />

geared toward political campaigns. Vince regularly prints tables that are two- or three-pages<br />

long and delivers hard copies to senior management staff. He wants to publish <strong>the</strong>m to a<br />

secure area of <strong>the</strong> company intranet, but <strong>the</strong> rows of data separate from <strong>the</strong> column headings<br />

and totals line at <strong>the</strong> end. He wants to know how to present <strong>the</strong> tables properly in <strong>HTML5</strong>.<br />

What do you tell him?<br />

■ Proficiency Assessment<br />

Scenario 3-3: Creating a Glossary of Terms<br />

Waylon is a student working on a term paper. His instructor requires each student to format<br />

<strong>the</strong> paper for display on <strong>the</strong> Web. Waylon wants to include a glossary of terms at <strong>the</strong> end of<br />

<strong>the</strong> paper but can’t produce <strong>the</strong> right “look” using an unordered list. Which markup would be<br />

better suited for Waylon’s glossary?<br />

Scenario 3-4: <strong>Using</strong> Proper Input Types in a Web Form<br />

Margie is creating and testing a Web form that includes an email field, a Web address field,<br />

and a zip code field, among o<strong>the</strong>rs. When she has a few co-workers test <strong>the</strong> form, she finds<br />

<strong>the</strong>y often enter <strong>the</strong> email address in <strong>the</strong> Web address field <strong>by</strong> mistake, and sometimes enter<br />

too many or too few numbers in <strong>the</strong> zip code field. She doesn’t want to use a pattern expression<br />

because she says it’s too complicated. What o<strong>the</strong>r input types can Margie use?

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!