Web Pages Creating Maintaining Lists Grocery List Milk

Web Pages: Creating & Maintaining Lists

Grocery List • Milk • Bread • Eggs

Unordered Lists Grocery List § Milk § Bread § Eggs Grocery List o o o Milk Bread Eggs Grocery List • • • Milk Bread Eggs

Ordered Lists Grocery List 1. Milk 2. Bread 3. Eggs A. Milk B. Bread C. Eggs I. Milk II. Bread III. Eggs

Definition Lists Grocery List Milk Bread Eggs

Santa’s List § Good 1. Frank 2. Mary 3. John § Bad 1. Linda 2. Tom

Santa’s List Unordered List § Good 1. Frank 2. Mary 3. John § Bad 1. Saul 2. Mike

Santa’s List Unordered List § Good 1. Frank 2. Mary 3. John § Bad 1. Linda 2. Tom Ordered List

Unordered Lists Ordered Lists Definition Lists Starting Tag Ending tag Item Tag

Unordered Lists Grocery List <ul> <li>Milk</li> <li>Bread</li> <li>Eggs</li> </ul> Starting Tag <UL> Grocery List Ending Tag </UL> § Milk Item Tag <LI></LI> § Bread § Eggs

Ordered Lists Grocery List <ol> <li>Milk</li> <li>Bread</li> <li>Eggs</li> </ol> Starting Tag <OL> Grocery List Ending Tag </OL> 1. Milk Item Tag <LI></LI> 2. Bread 3. Eggs

Definition Lists Starting Tag Ending Tag Defn. Term Tag Defn. Item Tag Grocery List <dl> <dt> Staples</dt> <dd>Milk</dd> <dd>Bread</dd> <dd>Eggs </dd> </dl> <DL> Grocery List </DL> <DT> </DT> Staples Milk <DD> </DD> Bread Eggs

Santa’s List § Good 1. Frank 2. Mary 3. John § Bad 1. Linda 2. Tom Santa’s List <ul> <li>Good <ol> <li>Frank</li> <li>Mary </li> <li>John </li> </ol> </li> <li>Bad <ol> <li>Linda </li> <li>Tom </li> </ol> </li> </ul>

Santa’s List § Good 1. Frank 2. Mary 3. John § Bad 1. Linda 2. Tom Santa’s List <ul> Good <li>Good <ol> <li>Frank</li> <li>Mary</li> <li>John </li> </ol></li> Bad <li>Bad <ol> <li>Linda </li> <li>Tom </li> </ol></li> </ul>

Unordered Lists Grocery List § Milk § Bread § Eggs Grocery List o o o Milk Bread Eggs Starting Tag <UL> Ending Tag </UL> Item Tag <LI></LI> Grocery List • • • Milk Bread Eggs Option

Unordered Lists Grocery List • • • Milk Bread Eggs disc Default Grocery List o o o Milk Bread Eggs circle Grocery List § Milk § Bread § Eggs square <ul type=“circle”>

<html> <head> <title>My Web Page </title> </head> <body> </html> Grocery List § Milk § Bread § Eggs

<html> <head> <title>My Web Page </title> </head> <body> Grocery List <ul type=“square”> <li> Milk </li> <li> Bread </li> <li> Eggs </li> </ul> </body> </html> Grocery List § Milk § Bread § Eggs

Ordered Lists Grocery List 1. Milk 2. Bread 3. Eggs A. Milk B. Bread C. Eggs I. Milk II. Bread III. Eggs 1 Default A a <OL type = “A”> I i

Ordered Lists Grocery List 5. Milk 6. Bread 7. Eggs <ol type = “ 1”> start = “ 5”>

Ordered Lists Grocery List E. Milk F. Bread G. Eggs <ol type = “A” start = “ 5”>

L M HT