M02 un05 p02

Unit 5 – List Types

Presentation 2

Web Programming

Objectives

At the end of this presentation, you will be able to• Add Nested List to your document• Add Definition List to your document

Nested List

• A list of items appearing inside another list is known as Nested List.

• Lists of same type or of different type can be nested within each other.

Nested List

Example:

1. Asia• Malaysia• India• Indonesia

2. Europe• England• Germany• France

Hands-On!

• Open the HTML file Nest_List.html in C:\HTML\Unit5\Hands On Folder in Internet Explorer.

• This HTML document describes the use of Nested List.

• The output is shown in the next slide.

Hands-On!

Lab Exercise

3. Write a HTML code to display the output as given in the following Figure.

Lab Exercise

4. Write a HTML code to display the output as given in the following Figure.

Definition List

• Definition list is a list used to display the definitions of terms.

• <DL>, <DT> and <DD> tags are used to create definition list.

Hands-On!

• Open the HTML file Def_List.html in C:\HTML\Unit5\Hands On Folder in Internet Explorer.

• This HTML document describes the use of Definition List.

Activity 2.5.3

• Create a web page that explains Definition List as shown in Figure.

• Save the HTML file as Activity3.html in C:\HTML\Unit5\Activity folder.

Lab Exercise

5. Write a HTML code to display the output as given in the following Figure using definition list.

Summary

In this presentation, you learnt the following:• A list of items appearing inside another list is

known as Nested List. • The <DL>, <DT> and <DD> tags are used to

create definition list.

Assignment

1. Define the term Nested List.

2. List the tags that is used to create Definition List.