Difference between revisions of "User:Rewood/Making Lists in HTML"

From WolfTech
Jump to navigation Jump to search
 
Line 7: Line 7:
  
 
Unordered lists are for producing a bulleted list. Each list item may be as long as you desire, even with multiple paragraphs. Everything within the unordered list will be indented with each list item tag producing a bullet. It is often useful to include lists within lists.   
 
Unordered lists are for producing a bulleted list. Each list item may be as long as you desire, even with multiple paragraphs. Everything within the unordered list will be indented with each list item tag producing a bullet. It is often useful to include lists within lists.   
−
- start the unordered list  
+
* start the unordered list  
−
- indicate a new list item (produces a bullet or number) - ends the list item  
+
* indicate a new list item (produces a bullet or number)  
−
- ends the unordered list Syntax:  
+
* ends the list item  
−
...
+
* ends the unordered list Syntax:  
−
The attributes that can be applied to either the UL tag or the LI tags are: Syntax:  
+
 
−
...
+
The attributes that can be applied to either the UL tag or the LI tags are:  
 +
 
 +
Syntax:  
 +
 
 
or  
 
or  
−
... TYPE Values: * CIRCLE - Defines the bullets to be hollow circles. * DISC - Defines the bullets to be filled circles. * SQUARE - Defines the bullets to be filled squares. Sample:
 
−
List Item #1
 
−
List Item #2
 
  
−
List Item #3
+
TYPE Values:
−
Sample Output: * List Item #1 * List Item #2 * List Item #3 Ordered Lists  
+
* CIRCLE - Defines the bullets to be hollow circles.
−
Ordered lists (sometimes called numbered lists) work the same as unordered lists with two exceptions. Instead of a UL tag use an OL tag. And LI tags produce numbers instead of bullets. The tags used are:  
+
* DISC - Defines the bullets to be filled circles.
−
- start the ordered list  
+
* SQUARE - Defines the bullets to be filled squares.
−
- indicate a new list item, produces a bullet  
+
 
−
- ends the ordered list Syntax:  
+
Ordered Lists
−
...
+
 
−
The attributes that can be applied to either the OL tag or the LI tags are: TYPE Defines the type of number style to be used. Values: A - Defines the numbering characters as capital letters. a - Defines the numbering characters as lowercase letters. I - Defines the numbering characters as capital Roman numerals. i - Defines the numbering characters as lowercase Roman numerals. 1 - Defines the numbering characters as numbers (default).  
+
Ordered lists (sometimes called numbered lists) work the same as unordered lists with two exceptions.  
−
...
+
*Instead of a UL tag use an OL tag.  
−
OR
+
*LI tags produce numbers instead of bullets.  
−
... START Indicates the value (n) for that and subsequent list items.  
+
 
−
...
+
The tags used are:  
−
OR
+
* start the ordered list  
−
... Sample:
+
* indicate a new list item,  
−
List Item #1
+
* roduces a bullet  
−
List Item #2
+
* ends the ordered list Syntax:  
 +
 
 +
TYPE Defines the type of number style to be used.  
 +
 
 +
Values:  
 +
*A - Defines the numbering characters as capital letters.  
 +
*a - Defines the numbering characters as lowercase letters.  
 +
*I - Defines the numbering characters as capital Roman numerals.  
 +
*i - Defines the numbering characters as lowercase Roman numerals.  
 +
*1 - Defines the numbering characters as numbers (default).
 +
 +
START Indicates the value (n) for that and subsequent list items.
 +
 
 +
Definition Lists
 +
 
 +
Definition lists, also called glossary lists, are designed to provide a dictionary entry-like format with an identifiable term and indented definition paragraph.  
 +
 
 +
Within the definition list are definition terms and definition data. These are both open tags, not requiring a closing tag. The tag does require a closing tag.  
 +
 
 +
Definition lists can include other HTML elements. The most common are anchors, physical and logical styles and other list containers. Headers are displayed correctly, but should be avoided in definition lists as they are meant for defining relationships in paragraphs.  
  
−
List Item #3
+
By: John Dorner, IV, Area Specialized Agent, Information Management
−
Sample Output: 1. List Item #1 2. List Item #2 3. List Item #3 Definition Lists
 
−
Definition lists, also called glossary lists, are designed to provide a dictionary entry-like format with an identifiable term and indented definition paragraph. Within the definition list are definition terms
 
−
and definition data
 
−
. These are both open tags, not requiring a closing tag. The
 
−
tag does require a closing
 
−
tag. Definition lists can include other HTML elements. The most common are anchors, physical and logical styles and other list containers. Headers are displayed correctly, but should be avoided in definition lists as they are meant for defining relationships in paragraphs. Sample:
 
−
Term 1
 
−
Definition of term 1
 
−
Term 2
 
−
Definition of term 2
 
−
Sample output: Term 1 Definition of term 1 Term 2 Definition of term 2 By: John Dorner, IV, Area Specialized Agent, Information Management
 

Latest revision as of 10:12, 28 March 2006

The three commonly used lists in HTML:

  • Unordered Lists
  • Ordered Lists
  • Definition Lists

Unordered Lists

Unordered lists are for producing a bulleted list. Each list item may be as long as you desire, even with multiple paragraphs. Everything within the unordered list will be indented with each list item tag producing a bullet. It is often useful to include lists within lists.

  • start the unordered list
  • indicate a new list item (produces a bullet or number)
  • ends the list item
  • ends the unordered list Syntax:

The attributes that can be applied to either the UL tag or the LI tags are:

Syntax:

or

TYPE Values:

  • CIRCLE - Defines the bullets to be hollow circles.
  • DISC - Defines the bullets to be filled circles.
  • SQUARE - Defines the bullets to be filled squares.

Ordered Lists

Ordered lists (sometimes called numbered lists) work the same as unordered lists with two exceptions.

  • Instead of a UL tag use an OL tag.
  • LI tags produce numbers instead of bullets.

The tags used are:

  • start the ordered list
  • indicate a new list item,
  • roduces a bullet
  • ends the ordered list Syntax:

TYPE Defines the type of number style to be used.

Values:

  • A - Defines the numbering characters as capital letters.
  • a - Defines the numbering characters as lowercase letters.
  • I - Defines the numbering characters as capital Roman numerals.
  • i - Defines the numbering characters as lowercase Roman numerals.
  • 1 - Defines the numbering characters as numbers (default).

START Indicates the value (n) for that and subsequent list items.

Definition Lists

Definition lists, also called glossary lists, are designed to provide a dictionary entry-like format with an identifiable term and indented definition paragraph.

Within the definition list are definition terms and definition data. These are both open tags, not requiring a closing tag. The tag does require a closing tag.

Definition lists can include other HTML elements. The most common are anchors, physical and logical styles and other list containers. Headers are displayed correctly, but should be avoided in definition lists as they are meant for defining relationships in paragraphs. 

By: John Dorner, IV, Area Specialized Agent, Information Management
Retrieved from "https://tools.wolftech.ncsu.edu/support/index.php?title=User:Rewood/Making_Lists_in_HTML&oldid=3502"