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
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?