lists. unordered list apple banana mango orange persimmon apple banana mango orange persimmon

15
Lists

Upload: juniper-johnston

Post on 24-Dec-2015

224 views

Category:

Documents


7 download

TRANSCRIPT

Page 1: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Lists

Page 2: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Unordered List

• Apple

• Banana

• Mango

• Orange

• Persimmon

<ul> <li>Apple</li> <li>Banana</li> <li>Mango</li> <li>Orange</li> <li>Persimmon</li> </ul>

Page 3: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Unordered List with Square Bullets

Apple Banana Mango Orange Persimmon

<ul type=“square”> <li>Apple</li> <li>Banana</li> <li>Mango</li> <li>Orange</li> <li>Persimmon</li> </ul>

Page 4: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Unordered List with Circle Bullets

o Apple o Banana o Mango o Orange o Persimmon

<ul type=“circle”> <li>Apple</li> <li>Banana</li> <li>Mango</li> <li>Orange</li> <li>Persimmon</li> </ul>

Page 5: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Ordered Lists

• New York

• Los Angeles

• Chicago

• Philadelphia

• Houston

<ol> <li>Apple</li> <li>Banana</li> <li>Mango</li> <li>Orange</li> <li>Persimmon</li> </ol>

Page 6: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Ordered List Using Alphabet

A. New York

B. Los Angeles

C. Chicago

D. Philadelphia

E. Houston

<ol type=“A”> <li>Apple</li> <li>Banana</li> <li>Mango</li> <li>Orange</li> <li>Persimmon</li> </ol>

Page 7: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Ordered List Using Roman Numerals

I. New York

II. Los Angeles

III. Chicago

IV. Philadelphia

V. Houston

<ol type=“I”> <li>Apple</li> <li>Banana</li> <li>Mango</li> <li>Orange</li> <li>Persimmon</li> </ol>

Page 8: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Ordered Lists Using Lower Cases

a. Uno

b. Dos

c. Tres

<ol type=“a”> <li>Uno</li> <li>Dos</li> <li>Tres</li></ol>

i. Ichi

ii. Ni

iii. San

<ol type=“i”> <li>Ichi</li> <li>Ni</li> <li>San</li></ol>

Page 9: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Starting with New Numbers

6. New York

7. Los Angeles

8. Chicago

9. Philadelphia

10. Houston

<ol start=“6”> <li>Apple</li> <li>Banana</li> <li>Mango</li> <li>Orange</li> <li>Persimmon</li> </ol>

Page 10: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Starting with New Letters

F. San Antonio

G. San Clemente

H. San Francisco

I. Santa Anna

J. Santa Monica

<ol type=“A” start=“6”> <li>Apple</li> <li>Banana</li> <li>Mango</li> <li>Orange</li> <li>Persimmon</li> </ol>

Page 11: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Definition List

CPU

Central Processor Unit

HTML

Hypertext Markup Language

TCP/IP

Transmission Control Protocol/Internet Protocol

COBOL

Common Business Oriented Language

DBMS

Database Management System

Page 12: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Definition List (HTML)

<dl> <dt>CPU <dd>Central Processor Unit <dt>HTML <dd>Hypertext Markup Language <dt>TCP/IP <dd>Transmission Control Protocol/Internet Protocol <dt>COBOL <dd>Common Business Oriented Language <dt>DBMS <dd>Database Management System </dl>

Page 13: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Definition List with Terms Italicized

CPU

Central Processor Unit

HTML

Hypertext Markup Language

TCP/IP

Transmission Control Protocol/Internet Protocol

COBOL

Common Business Oriented Language

DBMS

Database Management System

Page 14: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Definition List with Terms Italicized (HTML)

<dl> <dt><i>CPU</i> <dd>Central Processor Unit <dt><i>HTML</i> <dd>Hypertext Markup Language <dt><i>TCP/IP</i> <dd>Transmission Control Protocol/Internet Protocol <dt><i>COBOL</i> <dd>Common Business Oriented Language <dt><i>DBMS</i> <dd>Database Management System </dl>

Page 15: Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon

Nested List1. Membership Committee

• John

• Jasmine

• Jerry

2. Finance Committee • Lilah

• Luke

• Lana

3. Programs Committee • Barry

• Bart

• Beth

<ol>   <li>Membership Committee     <ul>       <li>John       <li>Jasmine       <li>Jerry     </ul>   <li>Finance Committee     <ul>       <li>Lilah       <li>Luke       <li>Lana     </ul>   <li>Programs Committee     <ul>       <li>Barry       <li>Bart       <li>Beth     </ul> </ol>