used in BCS 500 at Seneca College and CNET 204 at Centennial College
 
Detailed HTML Course Outline
SECTION on LIST tags

this page last updated 2004 May 16, before that, 2001 Nov 5
.
Waubonsee Community College page on Lists


Chapter 3
 
 
 
 
 
 
 
 
 

Chp 3 
continued,

List Tags, Ordered and Unordered Lists - page 74 in the text
<OL><LI> and attributes and nesting <DIR>

very good web page on  Tags for Lists from Waubonsee Community College, which includes explanation of the code, and it shows the results in a column beside
Ordered Lists, Unordered Lists, Definition Lists
http://www.wcc.cc.il.us/webtips/lists.html
.
 

.
 
Web page on tags for lists, 
which includes the attributes you use for different bullets and styles
check also
 http://www.mcli.dist.maricopa.edu/tut/tut6.html
a master web site with many other HTML topics
A collection of colleges in Arizona - see  http://www.maricopa.edu/
Writing HTML was developed by Alan Levine, instructional technologist at the Maricopa Community Colleges.
<ul>       <ol>
  <li>       <li>
  <li>       <li>
</ul>      </ol>
Item Lists
Unordered Lists <ul> for bulleted items, ordered lists <ol> for numbered items
<ul type=xxxx>

<li type=xxxx>

Bullets for Unordered Lists
Over-ride the default bullets:
    type=circle
    type=square
    type=disc
<ol type=X>

<li type=X>

Number Styles for Ordered Lists
Use different characters for lists:
    type=1 (1,2,3...)
    type=A (A,B,C,...)
    type=a (a,b,c,...)
    type=I (I,II,III,...)
    type=i (i,ii,iii,...)

Summary of HTML Tags: Lists ©1995, 1996, 1997 Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges, Arizona
 
 
. Explanation of List Building Exercise Assignment
- you are required to create a simple page using all the list tags we have discussed in class
- +  Ordered and Unordered Lists
- this page could be the first page on your  assignments page
- you should show many examples
.
  • blue
  • green
  1. silver green
  2. blue green
  1. royal blue
  2. navy blue
  3. light blue
  • apple green
  • white
  • red
  • orange
.
 
 
witiger.com
  CONTACTIMAIN PAGE I NEWS GALLERY IE-BIZ SHORTCUTS I INT'L BIZ SHORTCUTS  IMKTG&BUSINESS I TEACHING SCHEDULE  IMISTAKES ITEXTS USED IIMAGESIRANKI
.

e-business