140 likes | 278 Views
Lists. Introduction. HTML provides several styles for building lists. The list elements can be arranged using numbers or bullets. This improves readability to a certain extent while organizing list elements. Types. Lists is of three types Ordered List Unordered List Definition List.
E N D
Introduction HTML provides several styles for building lists. The list elements can be arranged using numbers or bullets. This improves readability to a certain extent while organizing list elements.
Types Lists is of three types • Ordered List • Unordered List • Definition List
Ordered List An ordered list is one that is numbered and may also be used to indicate sequential form of information . For example • Maths • English • Hindi
Tags of Ordered Lists • <OL>:- An ordered list is one that is numbered and may also be used to indicate sequential form of information. Its paired tags. Attributes of OL is “type". Its value can be 1,a,A,I,i.By default it can be “1”. Start attributes is used to override default list numbering e.G <OL START=“5”> • <LI>:-This tag is singular tag. LI stand for List Item.LI tag used for denoting data for elements
Example Source in Notepad:- • <html> • <head> • <title>Ordered List</title></head> • <body> • Software Testing Methods • <ol type=“1”> • <li> Black Box Testing • <li> White Box Testing • <li> Control Structure Testing • </ol> • </body> • </html>
Output Software Testing Methods • Black Box Testing • White Box Testing • Control Structure Testing
Unordered Lists Unordered Lists are used to represent a set of items that have a relation among themselves but do not follow a specific order. For example • English • Math • Hindi
Tags of Unordered Lists • <UL>:- Its paired tag. UL used describe unordered list Attributes of UL is “type". Its value can be circle, disc, square . <LI>:-This tag is singular tag. LI stand for List Item.LI tag used for denoting data for elements
Example Source in Notepad:- • <html> • <head> • <title>Unordered List</title></head> • <body> • Software Testing Methods • <ul type=“disc”> • <li> Black Box Testing • <li> White Box Testing • <li> Control Structure Testing • </ul> • </body> • </html>
Output Software Testing Methods • Black Box Testing • White Box Testing • Control Structure Testing
Definition List A definition list is a list of terms paired with associated definition-in other word ,a glossary. Definition list is used to provide two levels of information. • The Term • Definition
Tags of Definition Lists <DL>:-It’s paired tag. It’s beginning tag is used start definition list. <DT>:-It’s singular tag. This tag is used define term which we want to define. <DD> :- It’s singular tag. This tag is used to give the definition of the term.
Example Source in Notepad:- • <html> • <head> • <title>Definition Lists</title></head> • <body> • Glossary • <dl> • <dt>