Web Pages:Creating & Maintaining
Lists
Grocery List• Milk• Bread• Eggs
Grocery Listo Milko Breado Eggs
Unordered Lists
Grocery List• Milk• Bread• Eggs
Grocery List Milk Bread Eggs
Grocery ListA. MilkB. BreadC. Eggs
Ordered Lists
Grocery ListI. MilkII. BreadIII. Eggs
Grocery List1. Milk2. Bread3. Eggs
Grocery List Milk Bread Eggs
Definition Lists
Santa’s List Good
1. Frank2. Mary3. John
Bad1. Linda2. Tom
Santa’s List Good
1. Frank2. Mary3. John
Bad1. Saul2. Mike
UnorderedList
Santa’s List Good
1. Frank2. Mary3. John
Bad1. Linda2. Tom
UnorderedList
OrderedList
OrderedList
Unordered ListsOrdered Lists
Definition Lists
Starting TagEnding tag
Item Tag
Unordered Lists
Starting TagEnding Tag
Item Tag
Grocery List Milk Bread Eggs
<UL></UL><LI></LI>
<u>Grocery List</u><ul>
<li>Milk</li><li>Bread</li><li>Eggs</li>
</ul>
Ordered Lists
Starting TagEnding Tag
Item Tag
Grocery List1. Milk2. Bread3. Eggs
<OL></OL><LI></LI>
<u>Grocery List</u><ol>
<li>Milk</li><li>Bread</li><li>Eggs</li>
</ol>
Definition Lists
Starting TagEnding Tag
Defn. Term TagDefn. Item Tag
Grocery List Staples
Milk Bread Eggs
<DL></DL>
<DD> </DD>
<u>Grocery List</u><dl><dt> Staples</dt>
<dd>Milk</dd><dd>Bread</dd><dd>Eggs </dd>
</dl>
<DT> </DT>
Santa’s List Good
1. Frank2. Mary3. John
Bad1. Linda2. Tom
<u>Santa’s List</u><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. Frank2. Mary3. John
Bad1. Linda2. Tom
<u>Santa’s List</u><ul>
<li>Good</li><ol>
<li>Frank</li><li>Mary</li><li>John </li>
</ol></li><li>Bad </li>
<ol><li>Linda </li><li>Tom </li>
</ol></li></ul>
<u>Good</u>
<u>Bad</u>
Grocery Listo Milko Breado Eggs
Unordered Lists
Grocery List• Milk• Bread• Eggs
Grocery List Milk Bread Eggs
Starting TagEnding TagItem Tag
<UL></UL><LI></LI>
Option
Grocery Listo Milko Breado Eggs
Unordered Lists
Grocery List• Milk• Bread• Eggs
Grocery List Milk Bread Eggs
<ul type=“circle”>
disc circle squareDefault
Grocery List Milk Bread Eggs
<html> <head> <title>My Web Page </title> </head>
<body>
</body></html>
Grocery List Milk Bread Eggs
<ul><ul type=“square”><u>Grocery List </u>
<html> <head> <title>My Web Page </title> </head>
<body>
<li> Milk </li><li> Bread </li><li> Eggs </li>
</ul></body></html>
Grocery ListA. MilkB. BreadC. Eggs
Ordered Lists
Grocery ListI. MilkII. BreadIII. Eggs
Grocery List1. Milk2. Bread3. Eggs
1 A Ia iDefault
<OL type = “A”>
Grocery List 5. Milk 6. Bread 7. Eggs
Ordered Lists
<ol type = “1”><ol type = “1” start = “5”>
Grocery List E. Milk F. Bread G. Eggs
Ordered Lists
<ol type = “A” start = “5”>
HTML
