Department of Civil and Environmental Engineering
Kaufman Hall Room 135
Frank Batten College of Engineering and Technology
Old Dominion University
Norfolk, Virginia 23529-0241, USA
Tel) (757) 683-3753
Fax) (757) 683-5354


	

 
Unordered List (UL)
<UL>
     <LI TYPE=#>[item]
     <LI TYPE=#>[item]
</UL>
 
Most basic yet most useful.

  • Water Quality Modeling
  • Pollution Control
<UL>
<LI>Water Quality Modeling
<LI>Pollution Control
</UL>
You can control the type of symbol to be used in the list.

  • ONE
  • TWO
  • THREE
<UL>
<LI TYPE=disc>ONE
<LI TYPE=circle>TWO
<LI TYPE=square>THREE
</UL>
Style can be also used to control the format of listing.

  • One
  • Two
  • Three
<UL>
<LI CLASS="ssbBls">One
<LI CLASS="sbRes">Two
<LI STYLE="ssbGrs">Three
</UL>
See carefully how each embeded nest's symbol changes. By default, list symbol will automatically change from disc, circle to square for incursive listing.

  • Water Quality Modeling
    • Pollution Control
      • GIS in Engineering
<UL>
   <LI>Water Quality Modeling
   <UL>
      <LI>Pollution Control
      <UL>
         <LI>GIS in Engineering
     </UL>
  </UL>
</UL>
Ordered List (OL)
<OL TYPE=# START=n>
     <LI VALUE=n>[item]
     <LI VALUE=n>[item]
</OL>
  TYPE=#

# is a single letter designating the numbering style to be used in the ordered list. Keep in mind that # is case-sensitive.

# Type Numbering style
1 arabic numbers 1, 2, 3, ...
a lower alpha a, b, c, ...
A upper alpha A, B, C, ...
i lower roman i, ii, iii, ...
I upper roman I, II, III, ...
  START=n

This attribute specifies the starting number of the first item in an ordered list. The default starting number is "1".

Note that while the value of this attribute is an integer, the corresponding label may be non-numeric. Thus, when the list item style is uppercase latin letters (A, B, C, ...), start=3 means "C". When the style is lowercase roman numerals, start=3 means "iii", etc.

  VALUE=n

For <LI> element only. This attribute sets the number of the current list item.

Note that while the value of this attribute is an integer, the corresponding label may be non-numeric (see above discussion on START=n attribute).

Style can be also used to control the format of LI element. (comes in handy for highlightening a single/selective list element(s)).

 
Most basic yet most useful.

  1. Water Quality Modeling
  2. Pollution Control
<OL>
<LI>Water Quality Modeling
<LI>Pollution Control
</OL>
Different TYPE for ordered list. (numbers are case-sensitive)

  1. ONE
  2. TWO
  3. THREE

  1. ONE
  2. TWO
  3. THREE
<OL TYPE=a>
<LI>ONE
<LI>TWO
<LI>THREE
</OL>

<OL TYPE=A>
<LI>ONE
<LI>TWO
<LI>THREE
</OL>
  1. ONE
  2. TWO
  3. THREE
<OL TYPE=I>
<LI>ONE
<LI>TWO
<LI>THREE
</OL>
Different TYPE and START for ordered list. (numbers are case-sensitive)

  1. ONE
  2. TWO
  3. THREE
<OL TYPE=A START=5>
<LI>ONE
<LI>TWO
<LIe>THREE
</OL>
  1. ONE
  2. TWO
  3. THREE
<OL TYPE=i START=20>
<LI>ONE
<LI>TWO
<LI>THREE
</OL>
Different TYPE and STARTfor ordered list.

  1. ONE
  2. TWO
  3. THREE
<OL TYPE=1 START=100>
<LI>ONE
<LI>TWO
<LI>THREE
</OL>
Different TYPE and START with individual VALUE for ordered list.

  1. ONE
  2. TWO
  3. THREE
<OL TYPE=1 START=100>
<LI>ONE
<LI VALUE=200>TWO
<LI VALUE=300>THREE
</OL>
Different TYPE and START with individual VALUE and formatted with Style for ordered list.

  1. One
  2. Two
  3. Three
<OL TYPE=1 START=100>
<LI CLASS="ssbBls">One
<LI VALUE=200 CLASS="ssbRes">Two
<LI VALUE=300 CLASS="ssbPus"gt;Three
</OL>
All combined and nested.

  1. Water Quality Modeling
    1. River
    2. Lake
    3. Estuary
      1. Brackish
      2. Coastal
        1. DO
        2. BOD
        3. TSS
<OL TYPE=I><LI>Water Quality Modeling
  <OL TYPE=i>
  <LI>River
  <LI>Lake
  <LI>Estuary
  <OL TYPE=a>
    <LI>Brackish
    <LI CLASS="ssbGrs">Coastal
    <OL START=10>
      <LI CLASS="ssbRes">DO
      <LI VALUE=20>BOD
      <LI VALUE=30>TSS
    </OL>
  </OL>
</OL>
Definition List (DL)
<DL>
     <DT>[term | subtitle/subheading]
     <DD>[block-level content]
</DL>
  Definition lists vary only slightly from other types of lists in that list items consist of two parts: a term and a description.

The term is given by the DT element and is used to put a subtitle/subheading.

The description is given with a DD element that contains block-level content, i.e., the content to a subtitle/subheading.

Style can be also used to control the format of DD element. (comes in handy for highlightening a single/selective definition element(s)).

 
Subtitle 1.   
sub-content a.   
sub-content b.
Subtitle 2.   
sub-content a.   
sub-content b.
<DL>
<DT>Subtitle 1.
  <DD>sub-content a.
  <DD>sub-content b.
<DT>Subtitle 2.
  <DD>sub-content a.
  <DD>sub-content b.
</DL>
DO Coefficients   
Temperature (ºC)   
Reaeration (kr)   
Deoxygenation (kd)
<DL>
<DT><U>DO Coefficients</U>
  <DD>Temperature (&#186;C)
  <DD CLASS="ssbRe">Reaeration (k<SUB CLASS="ssbRe">r</SUB>)
  <DD>Deoxygenation (k<SUB>d</SUB>)
</P>
BOD Coefficients   
Temperature (ºC)   
Ultimate BOD (BODu)   
Reaction constant (kd)
<DT><U>BOD Coefficients</U>
  <DD>Temperature (&#186;C)
  <DD>Ultimate BOD (BOD<SUB>u</SUB>)
  <DD>Reaction constant (k<SUB>d</SUB>)
</DL>
Compact Definition List
<DL COMPACT>
     <DT>[term | subtitle/subheading]
     <DD>[block-level content]
</DL>
  Compact definition list comes in handy when

  1. you'd like to list term and block-level content in the same line AND

  2. <DT> terms are relatively short

Again, Style can be also used to control the format of DD element. (comes in handy for highlightening a single/selective definition element(s)).
 
S20
Rhino, Sonic, Sparky
S5
Oak, Sycamore, Maple, Cedar
<DL COMPACT>
<DT>S20
  <DD>Rhino, Sonic, Sparky
<DT>S10
  <DD>Oak, Sycamore, Maple, Cedar
</DL>
Hyd
RA, CS, CSS, MA, KF, PF, LS, SL, SCS, RS, LLP, NTQ, NTS
<DL COMPACT>
<DT><FONT COLOR=#000066><STRONG>
Hyd</STRONG></FONT>
<DD>RA, CS, CSS, MA, KF, PF, LS, SL, SCS, RS, LLP, NTQ, NTS
</P>
Sed
RA, EI, CS, CSS, MA, LS, SL, SCS, NTQ, NTS
<DL COMPACT>
<DT"><FONT COLOR=#000066><STRONG>
Sed</STRONG></FONT>
<DD CLASS="ssbRe>RA, EI, CS, CSS, MA, LS, SL, SCS,
NTQ, NTS
</P>


Jump back to HTML Survival Kit Table of Contents (TOC) ©1995-2024
J. Yoon