1. AdvWeb-1/12 DePaul University SNL 262 Web Page Design Lists In HTML Instructor: David A. Lash

2. AdvWeb-2/12 What We Will Cover u... - a way to group text into logical groups u - A way to create ordered or numbered lists u - A way to create bullet lists u - A way to create lists without any header or order

3. AdvWeb-3/12 Using To Align Text u... - Useful for dividing text. u Can create logical divisions of the text you are formatting and treat them as 1 group. u Often use align attribute to with to adjust text to left, right or center. u For example, My Home Page – This is a test of center adjusted text. – Of Coarse, this is a Right sample By the way I can use a DIV align=left but I don't need it because the default is to put the text to the extreme left anyway. – For example see the following link.the following link. – Text alignment can be done with other TAGS like the paragraph on. (See page 69 in book.) or better yet see example at the following link.the following link. u -... is used to set paragraphs. It too can be used to with the align option.

4. AdvWeb-4/12 More Complete Example of DIV Here is an example This is a test of center adjusted text. Of Coarse, this is a Right sample By the way I can use a DIV align=left but I don't need it because the default is to put the text to the extreme left anyway. – For example see the following link.the following link.

5. AdvWeb-5/12 Text Alignment With – Can use the ALIGN= tag with the tag. – For example, – (See Example 5.3 from book (next slide)).Example 5.3 from book (next slide)).

6. AdvWeb-6/12 Text Alignment With Bohemia Bohemia by Dorothy Parker Authors and actors and artists and such Never know nothing, and never know much. Sculptors and singers and those of their kidney Tell their affairs from Seattle to Sydney. Playwrights and poets and such horses' necks Start off from anywhere, end up at sex. Diarists, critics, and similar roe Never say nothing, and never say no. People Who Do Things exceed my endurance; God, for a man that solicits insurance!

7. AdvWeb-7/12 List Management u HTML supports 3 different types – Ordered lists E.g., numbered, 1. Baseball 2. Hotdgs 3. Apple Pie – Unordered lists E.g., bullet lists, –Baseball –Hotdogs –Apple Pie – Definition Lists (E.g., indented lists without any number or symbol Baseball A only played well in NY Hotdogs A substance resembling meat Apple Pie What Sara Lee now makes instead of Mom

8. AdvWeb-8/12 Ordered Lists u This is an ordered list: 1. This is the first element 2. This is the second line 3. This is the third line u To format above use the, tags... --- Marks the start and end of the ordered list section... - Indicates start and end of each ordered list item.

9. AdvWeb-9/12 Ordered Lists u For example: This is the first element This is the second line This is the third line u Would look like: 1. This is the first element 2. This is the second line 3. This is the third line

10. AdvWeb-10/12 Attributes For Ordered Lists u Using Type = E.g.,......... For 1,2,3 Ordering.....… For A,B,C Ordering......... For a,b,c ordering........... For Roman Numeral (E.g, I, II, III, IV)........... For small Roman Numerals (E.g., i, ii, iii, iv) u For Example, see this Roman Numeral Example, see also this ABC Example.Roman Numeral Example,ABC Example.

11. AdvWeb-11/12 Using Start Attribute With OL u Both the UL and OL Tags support a START= attribute. u This attribute is used to set an initial value to the lists: u For example, Started on G.. u See the following linkfollowing link

12. AdvWeb-12/12 Unordered Lists u Unordered Lists - These would be bullet lists, For example  This is the first element  This is the second line  This is the third line u To format above use the following tags –... Starts & ends the ordered list section – … - Starts & ends each individual item.

13. AdvWeb-13/12 Unordered Lists u For example, This is the first element This is the second line This is the third line u Would create the following  This is the first element  This is the second line  This is the third line

14. AdvWeb-14/12 Unordered Lists Use An Attribute TYPE= u E.g.,......... Creates a small disc list........ Solid circles......... Solid Squares u For Example, See this Unordered List Example.Unordered List Example.

15. AdvWeb-15/12 Definition Lists  Indented lists without any numbers or symbol in front of each item Baseball A only played well in NY Hotdogs A substance resembling meat Apple Pie What Sara Lee now makes instead of Mom ... A definition list  … A definition term as part of a definition list - Level 1 term  … - A Definition to definition term - level 2 term  see stuff.html & a similar examplestuff.htmlexample

16. AdvWeb-16/12 Lists Within Lists u Lists Within Lists – You can put lists within lists if you wish creating an outline feel for your text. 1. Baseball –White Sox –Cubs 2. Football –Bears u Corresponding HTML Code: Baseball> WhiteSox Cubs Football Bears – For example, see the following link see the following link