Post on 31-Mar-2015
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. Milk
B. Bread
C. Eggs
Ordered Lists
Grocery ListI. Milk
II. Bread
III. Eggs
Grocery List1. Milk
2. Bread
3. Eggs
Grocery List Milk
Bread
Eggs
Definition Lists
Santa’s List Good
1. Frank
2. Mary
3. John Bad
1. Linda
2. Tom
Santa’s List Good
1. Frank
2. Mary
3. John Bad
1. Saul
2. Mike
UnorderedList
Santa’s List Good
1. Frank
2. Mary
3. John Bad
1. Linda
2. Tom
UnorderedList
OrderedList
OrderedList
Unordered Lists
Ordered Lists
Definition Lists
Starting Tag
Ending tag
Item Tag
Unordered Lists
Starting Tag
Ending 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 Tag
Ending Tag
Item Tag
Grocery List1. Milk
2. Bread
3. Eggs
<OL></OL>
<LI></LI>
<u>Grocery List</u>
<ol>
<li>Milk</li>
<li>Bread</li>
<li>Eggs</li>
</ol>
Definition Lists
Starting Tag
Ending Tag
Defn. Term Tag
Defn. 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. Frank
2. Mary
3. John Bad
1. Linda
2. Tom
<u>Santa’s List</u>
<ul>
<li>Good</li>
<ol>
<li>Frank</li>
<li>Mary </li>
<li>John </li>
</ol>
<li>Bad</li>
<ol>
<li>Linda </li>
<li>Tom </li>
</ol>
</ul>
Santa’s List Good
1. Frank
2. Mary
3. John Bad
1. Linda
2. Tom
<u>Santa’s List</u>
<ul>
<li>Good</li>
<ol>
<li>Frank</li>
<li>Mary</li>
<li>John </li>
</ol>
<li>Bad </li>
<ol>
<li>Linda </li>
<li>Tom </li>
</ol>
</ul>
<u>Good</u></li>
<u>Bad</u></li>
Grocery Listo Milko Breado Eggs
Unordered Lists
Grocery List• Milk• Bread• Eggs
Grocery List Milk Bread Eggs
Starting Tag
Ending Tag
Item 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. Milk
B. Bread
C. Eggs
Ordered Lists
Grocery ListI. Milk
II. Bread
III. Eggs
Grocery List1. Milk
2. Bread
3. 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