InterviewSolution
Saved Bookmarks
InterviewSolution
| 1. |
Explain the types of list with suitable HTML code? |
|
Answer» (i) Numbered List / Ordered List: Numbered list is created within the tag pair <OL> </OL> tag. The tag <LI> is used to present the list item in the list. Ordered list displays items in a numerical or alphabetical order. Both <OL> and <LI> tags are container tags. But the usual the practice, closing tag </LI> never be used. Numbered List <html> <head> <title> Number List </title> </head> <body> (ii) Un-numbered List / Unordered List: Unordered lists are often referred as bulleted lists. Instead of numbers, each element in the list has prefixed with a special bullet symbol. Unordered list is surrounded within <UL>……..</UL> tags. As discussed above, each list element is defined by <LI> tag. An HTML code to demonstrate Unordered list <html> <head> <title> Unordered List </title> </head> <body> <UL> <LI> Chennai Govt. Hr. Sec,School,Rotler Street, Chennai 600112. <LI> Karnakata Sanga Hr. Sec. School, T. Nagar,Chennai 600017. <LI> S.M.B. Jain Hr. Sec. School, T. Nagar,Chennai 600017. <LI> Chennai G Hr. Sec. School, Nungambakkam, Chennai 600034. <LI> Chennai G Hr. Sec. School, Saidapet West, Chennai 600015 <LI> Santhome Hr. Sec. School, Mylapore, Chennai 600004. </UL> </body> </html> (iii) Definition List: Definition list is different from other two types of list. No bullet or number is provided for the list items. In this list type, the list element has two parts. (a) A definition term (b) The definition description Definition list is surrounded within <DL> </DL> tags. Definition term is presented in between <DT> </DT> tag and Definition description should be surrounded within <DD> </DD> tag. <html> <head> <title> Definition List </title> </head> <body> <DL> <DT> HTML: </DT> <DD> Hyper Text Markup Language </DD> <DT> Webpage: <DD> A web page is a document that is suitable for the World Wide Web and web browsers. A web browser displays a web page on a monitor or mobile device. </DD> </DL> </body> </html> |
|