03MoreXHTML - More On XHTML 1 More On XHTML CS5281 Internet...

Info iconThis preview shows pages 1–11. Sign up to view the full content.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
This is the end of the preview. Sign up to access the rest of the document.

Unformatted text preview: More On XHTML 1 More On XHTML CS5281 Internet Application Development More On XHTML 2 Contents • Lists • Frames • Forms • Useful tips More On XHTML 3 Lists More On XHTML 4 Lists • Lists are used to display data in an ordered format. • There are several mechanisms for specifying lists of information. – Unordered / Bullets – Ordered • Advantage: for ordered list, there’s no need to renumber items after the new ones are inserted • List can be recursively defined (list-of-lists) More On XHTML 5 Creating Unordered Lists • Unordered lists are generally used to list any series of items that have no particular order. • Items in unordered lists have solid round bullets by default. <ul> <li> … </li> <li> … </li> … </ul> <ul> <li> … </li> <li> … </li> … </ul> More On XHTML 6 Creating Unordered Lists <li> Place payment instructions, up to 60 days in advanced </li> 43 <li> Provide a comprehensive report for Bill Payments transactions </li> 44 <p >Feature:</p> 39 … <li> Review, pay and organize your bills 24-hour a day </li> 41 <ul> 40 <li> Pay a bill through your bank account, debit card, or credit card </li> 42 </ul> 35 </ul> 45 <li> <a href="#autopay">AutoPay</a> </li> 34 <ul> 32 <li> <a href="#billPayment">Bill Payment</a> </li> 33 <p>Select an account: </p> 31 More On XHTML 7 Creating Ordered Lists • Ordered lists contain information where order should be emphasized. <ol> <li> … </li> <li> … </li> … </ol> <ol> <li> … </li> <li> … </li> … </ol> More On XHTML 8 Creating Ordered Lists <p>Feature:</p> 50 … <li> Make payments automatically to specified parties on a specific day </li> 52 <ol> 51 <li> Provide a comprehensive report for AutoPay transactions </li> 54 <li> Transfer money from your bank account, debit card, or credit card </li> 53 <li> Receive credit advice through email or SMS </li> 55 </ol> 46 <li> Place payment instructions, up to 60 days in advanced </li> 44 <li> Provide a comprehensive report for Bill Payments transactions </li> 45 </ol> 56 <li> Pay a bill through your bank account, debit card, or credit card </li> 43 <ol> 41 <li> Review, pay and organize your bills 24-hour a day </li> 42 <p>Feature:</p> 40 Numbering start from 1 again To specify the first index, use <OL start =“???”> More On XHTML 9 Setting the Bullet Style • The bullet style of <ol> and <ul> can be set by the style attribute. • Syntax: – < li style = “list-style-type: XXXX ;”> <ul> <li style="list-style-type: square;">one</li> <li style="list-style-type: circle;">two </li> <li style="list-style-type: disc;">three </li> </ul> Reference: http://www.w3.org/TR/REC-CSS2/generate.html#propdef-list-style-type More On XHTML 10 Setting the Bullet Style <ol> <li style="list-style-type: decimal;">one</li> <li style="list-style-type: lower-roman;">two </li> <li style="list-style-type: lower-alpha;">three </li> </ol> a, b, c lower-alpha A, B, C upper-alpha i, ii, iii lower-roman I, II, III upper-roman 1, 2, 3 decimal ■...
View Full Document

{[ snackBarMessage ]}

Page1 / 79

03MoreXHTML - More On XHTML 1 More On XHTML CS5281 Internet...

This preview shows document pages 1 - 11. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online