HTML Tutorial

HTML and Style Guides

Graphics and Creating Graphics

HTML Assistants

Web Browsers

Tips and Fun Stuff

HTML Tutorial

Lists


Many times you will have a number of items that would appear better in a list. For example, when a school is listing its degrees, it would like to put them in an outline form. There are three basic types of lists:

Unnumbered Lists

Bachelor Degrees Offered
  • BA in English
  • BA in History
  • BA in Romance Languages
  • BA in Political Science
  • BS in Sociology
  • BS in Criminal Justice

Numbered Lists

Three Types of Courses
  1. General Education Courses
  2. Major-Minor Courses
  3. Electives

Definition Lists

Communications Courses (COMM)
1113 Fundamentals of Speech, 3 hours credit
an introductory course designed to acquaint the student with the basic theory of the art of public speaking and to provide experience in the preparation and delivery of oral presentations. Lecture 3 hours.
1133 Voice and Diction, 3 hours credit
A general study of the structure of the vocal mechanism; principles of vocal quality, articulation and pronunciation. Lecture 3 hours.
2143 Debate, 3 hours credit
Acquaints the student with the complexity of social problems, methods of research, methods of logical analysis and development, construction of briefs, and techniques of refutation; practice in preparation and delivery of sustained arguments. Lecture 3 hours.

Unnumbered Lists

The commands for unnumbered lists are <UL> and <LI>. I remember them by saying UL stands for unnumbered lists and LI stands for list item.

Use the following example to create your own unnumbered list.

Bachelor Degrees Offered

<UL>
<LI>BA in English
<LI>BA in History
<LI>BA in Romance Languages
<LI>BA in Political Science
<LI>BS in Sociology
<LI>BS in Criminal Justice
</UL>

Don't forget to use the </UL> command to end your list. Unlike many commands the <LI> command does not need a closing command.

Return to Menu

Numbered Lists

The commands for numbered lists are <OL> and <LI>. Think of OL as standing for ordered list and LI as standing for list item.

Use the following example to create your own numbered list.

Three Types of Courses

<OL>
<LI>General Education Courses
<LI>Major-Minor Courses
<LI>Electives
</OL>

Notice that you do not type in the numbers. Netscape will automatically insert those for you.

Don't forget to use the </OL> command to end your list. Unlike most commands, <LI> does not need a closing command.

Return to Menu


Definition Lists

The commands for definition lists are <DL>, <DT>, and <DD>. You can remember them by thinking that DL stands for definition list, DT stands for definition term, and DD stands for definition data.

Use the following example to create your own definition list.

Communications Courses (COMM)

<DL>

<DT>1113 Fundamentals of Speech, 3 hours credit
<DD>An introductory course designed to acquaint the student with the basic theory of the art of public speaking and to provide the experience in the preparation and delivery of oral presentations. Lecture 3 hours.

<DT>1133 Voice and Diction, 3 hours credit
<DD>A general study of the structure of the vocal mehanism; principles of vocal quality, articulation and pronunciation. Lecture 3 hours.

<DT>2143 Debate, 3 hours credit
<DD>Acquaints the student with the complexity of social problems, methods of research, methods of logical analysis and development, construction of briefs, and technigques of refutation; practice in preparation and delivery of sustained arguments. Lecture 3 hours.

</DL>

Netscape will automatically make the indentations to look like the example at the beginning.

Don't forget to use the closing command </DL> to end your list. The commands <DT> and <DD> do not need closing commands.


Next we learn how to add links to other pages within your web page.

Home Comments BACK TO TITLES FORWARD TO LINKS


Creation Web Page
Page maintained by Julie A. Duncan, ITS
Cameron University, Lawton Oklahoma