Lists in HTML web developers ko related items ko lists me group karne ki facility deti hain. HTML Lists ka use information ko organized aur easy-to-read format me display karne ke liye kiya jata hai.
HTML Unordered Lists
HTML Lists me unordered list banane ke liye <ul> tag use hota hai.
-
<ul>tag unordered (bulleted) list define karta hai -
Har list item
<li>tag se start hota hai
Default me list items bullets (chhote black circles) se mark hote hain.
Example:
Unordered HTML List – List Item Marker
HTML lists me CSS list-style-type property list item marker ka style define karti hai.
Possible values:
-
disc → bullet marker (default)
-
circle → hollow circle marker
-
square → square marker
-
none → marker remove ho jata hai
Example:
Nested Unordered HTML Lists
Lists in HTML nested bhi ho sakti hain, matlab list ke andar list bana sakte ho.
Example:
HTML Ordered Lists
Lists in HTML me ordered list banane ke liye <ol> tag use hota hai.
-
<ol>tag ordered list define karta hai -
Har list item
<li>tag se start hota hai -
Default me list items numbers se mark hote hain
Example:
Ordered HTML List – Type Attribute
Lists in HTML me <ol> tag ka type attribute list item marker ka type define karta hai.
Possible values:
-
type="1"→ numbers (default) -
type="A"→ uppercase letters -
type="a"→ lowercase letters -
type="I"→ uppercase Roman numbers -
type="i"→ lowercase Roman numbers
Example:
Control List Counting
Default me Lists in HTML ki ordered list counting 1 se start hoti hai.
Agar kisi aur number se start karna ho to start attribute use karte hain.
Example:
Is example me list 5 se start hogi.
Nested Ordered Lists
Lists in HTML me ordered lists bhi nested ho sakti hain (list ke andar list).
Example:
HTML Description Lists
Lists in HTML me description lists bhi supported hoti hain. Description list terms aur unke descriptions ko show karti hai.
Important tags:
-
<dl>→ description list define karta hai -
<dt>→ term (name) define karta hai -
<dd>→ term ka description deta hai
Example:
Is tarah HTML Lists related items ko structured aur organized format me display karne ka simple aur effective tarika provide karti hain, jisse web pages ko samajhna aur padhna aur bhi easy ho jata hai.
