Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon.

Post on 24-Dec-2015

224 views 7 download

Transcript of Lists. Unordered List Apple Banana Mango Orange Persimmon Apple Banana Mango Orange Persimmon.

Lists

Unordered List

• Apple

• Banana

• Mango

• Orange

• Persimmon

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

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>

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>

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>

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>

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>

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>

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>

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>

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

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>

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

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>

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>