What are the various type of list available? Also explain the concept of nested list with example?



Different types of list available in HTML are:
1.       Bulleted Lists (or Unordered lists)
2.      Numbered Lists (or Ordered Lists)
3.      Definition Lists

BULLETED LISTS (OR UNORDERED LISTS)
Bulleted list is an important list which is used to represents set of items that are related to one another but the order of items is unimportant. A bulleted list is always begins with <UL> tag, (that stands for unordered list) and ends with </UL> tag. Each item in the list is marked using the <LI> tag which stands for list item.
NUMBERED LISTS (OR ORDERED LISTS)
Number list is an ordered list that is used to represents a set of related items in a given order such as step by step instructions, recipes, outline etc. A number list always begins with <OL> tag and ends with </OL> tag. Here OL stands for ordered list. Each item in the list is marked using the <LI> tag
DEFINITION LISTS
Definition List are primarily used for glossaries i.e. terms with their definitions. The definition list always enclosed in <DL> and </DL> tag. It differ from other type of lists in that list items consists of two parts: a Definition term and Definition Description. The definition term and definition description are represented by <DT> and <DD> tags resp... The closing </DT> and </DD> tags are optional.
NESTED LISTS
          Lists can be nested inside one another. You can nest lists of the same or different types of lists within another. It is useful in a situation such as outlines where you want to vary the type of bullets or number.
For Example:-
<html>
<head>
<title>Nested Lists</title>
</head>
<body>
<ol>
<li>SCHOOL
<ol type="A">
<li>Principal
<ol type="i">
<li>Teachers
<ol type="a">
<li>Class teacher
<li>Subject teacher
</ol>
<li>Miscellaneous Teachers
<ol type="a">
<li>Sports
<li>Music
</ol>
</ol>
<li>Other Workers
<ol type="I">
<li>Lab attendants
<li>Peons
</ol>
</ol>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

Write a program to add two number using inline function in C++?

#include<iostream.h> #include<conio.h> class bca {   public:   inline int sum(int x, int y)   {   return(x+y);   } }; int main() { clrscr(); int r,a,b; bca obj; cout<<"enter two integers :"<<endl; cin>>a>>b; r=obj.sum(a,b); cout<<" the sum of two integers is :"<<r<<endl; getch(); return 0; }   OUTPUT:- enter two integers :    3    6 the sum of two integer is :   9  
Read more

Traversing of elements program with algorithm and Flowchart

Image
ALGORITHM VARIABLES: §   i:      loop counter of array. §   A:    array name. §   LB: lower bound. §   UB: upper bound. ALGORITHM: STEP 1:         set i =LB STEP 2:         repeat steps 3 & 4                            While i<=UB STEP 3:         apply process to A[i] STEP 4:         i = i+1            STEP 5:         exit EXPLANATION: §   To traverse the elements of the array, firstly set the loop counter ‘i’ equal to last element of the array called the LOWER BOUND. §   Now, repeat step 3 & 4 for accessing all the elements of the array until loop counter ‘i’ is not less than or equal first element of array. §   Now, after checking the above condition, the whole process will repeat for all the elements of array. §   After applying process upon a[i], increment the loop counter by 1, until the condition is not satisfied. IMPLEMENTATION
Read more