m02 un05 p02
DESCRIPTION
TRANSCRIPT
![Page 1: M02 un05 p02](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54be57404a795929458b45e5/html5/thumbnails/1.jpg)
Unit 5 – List Types
Presentation 2
Web Programming
![Page 2: M02 un05 p02](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54be57404a795929458b45e5/html5/thumbnails/2.jpg)
Objectives
At the end of this presentation, you will be able to• Add Nested List to your document• Add Definition List to your document
![Page 3: M02 un05 p02](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54be57404a795929458b45e5/html5/thumbnails/3.jpg)
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.
![Page 4: M02 un05 p02](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54be57404a795929458b45e5/html5/thumbnails/4.jpg)
Nested List
Example:
1. Asia• Malaysia• India• Indonesia
2. Europe• England• Germany• France
![Page 5: M02 un05 p02](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54be57404a795929458b45e5/html5/thumbnails/5.jpg)
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.
![Page 6: M02 un05 p02](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54be57404a795929458b45e5/html5/thumbnails/6.jpg)
Hands-On!
![Page 7: M02 un05 p02](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54be57404a795929458b45e5/html5/thumbnails/7.jpg)
Lab Exercise
3. Write a HTML code to display the output as given in the following Figure.
![Page 8: M02 un05 p02](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54be57404a795929458b45e5/html5/thumbnails/8.jpg)
Lab Exercise
4. Write a HTML code to display the output as given in the following Figure.
![Page 9: M02 un05 p02](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54be57404a795929458b45e5/html5/thumbnails/9.jpg)
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.
![Page 10: M02 un05 p02](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54be57404a795929458b45e5/html5/thumbnails/10.jpg)
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.
![Page 11: M02 un05 p02](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54be57404a795929458b45e5/html5/thumbnails/11.jpg)
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.
![Page 12: M02 un05 p02](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54be57404a795929458b45e5/html5/thumbnails/12.jpg)
Lab Exercise
5. Write a HTML code to display the output as given in the following Figure using definition list.
![Page 13: M02 un05 p02](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54be57404a795929458b45e5/html5/thumbnails/13.jpg)
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.
![Page 14: M02 un05 p02](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54be57404a795929458b45e5/html5/thumbnails/14.jpg)
Assignment
1. Define the term Nested List.
2. List the tags that is used to create Definition List.