Aaj hum list ke bare mein padegga ki html mein lists kesa create karte hai, List app apne favt books , favt items yha kisi ki bhi bana sakte ho, list vesa hamesha body elements ke ander he banaya yha lika jata.
Html Mein list 3 types ki hoti hai
1. Order list
2. Unorder list
3. Description list
Order list
Order List mein hum <ol> ka start or </ol> closing use karte hai , chalo man lo apko ek order list banani hai to app ussa aise likogge
for example apne ek book list banai hai
to simple aise likoge
Isme app dek sakte hai humne <ol> sa start kiya hai jiska mtlb order list hota hai Jab humne order list start kiya fir humne <li> use kiya jisme hum apni books ke bare mein lika hai
Ek baat yaad rakne jab hum order list start krega to usme jo list banega usko start or close bhi karna hai uske baad he order list ko close bhi karna hai
Yeh hai pura structure app issa jab pratice kroge to app khud samaj jaoge
Output :
Books Details
Unorder List: Yeh bhi order list ki tra same hai bas difference or likne ka syntax thoda sa alag hai
Jha hum <ol>order list</ol> ka use krte tha vha sirf abb <ul>Unorder list</ul> ka use krte hai
I hope app samaj gaye hone or iska likne ka pura structure necha dek lo
Or jo iska output ayega vo app necha dek sakte hai,
Output:
App issa jab pratice kroge to app acha sa samj jaogge.
Description List : Isme bhi app <dl>or </dl> ka use kreke Description list bana sakte ho
Or iska pura structur app aise lik sakte ho
Or jo iska output ayegga vo app necha dek sakte hai ;
Output:
Html Mein list 3 types ki hoti hai
1. Order list
2. Unorder list
3. Description list
Order list
Order List mein hum <ol> ka start or </ol> closing use karte hai , chalo man lo apko ek order list banani hai to app ussa aise likogge
for example apne ek book list banai hai
to simple aise likoge
<ol>
<li>Python Crash Course</li>
<li>Python Course</li>
<li>Python Basic to Advance</li>
</ol>
Isme app dek sakte hai humne <ol> sa start kiya hai jiska mtlb order list hota hai Jab humne order list start kiya fir humne <li> use kiya jisme hum apni books ke bare mein lika hai
Ek baat yaad rakne jab hum order list start krega to usme jo list banega usko start or close bhi karna hai uske baad he order list ko close bhi karna hai
<html>
<head>
<title>Document</title>
</head>
<body>
<h1>Books Details</h1>
<ol>
<li>Python Crash Course</li>
<li>Python Course</li>
<li>Python Basic to Advance</li>
</ol>
</body>
</html>
Yeh hai pura structure app issa jab pratice kroge to app khud samaj jaoge
Output :
Books Details
- Python Crash Course
- Python Course
- Python Basic to Advance
Unorder List: Yeh bhi order list ki tra same hai bas difference or likne ka syntax thoda sa alag hai
Jha hum <ol>order list</ol> ka use krte tha vha sirf abb <ul>Unorder list</ul> ka use krte hai
<ul>
<li>Python Crash Course</li>
<li>Python Course</li>
<li>Python Basic to Advance</li>
</ul>
I hope app samaj gaye hone or iska likne ka pura structure necha dek lo
<html>
<head>
<title>Document</title>
</head>
<body>
<h1>Books Details</h1>
<ul>
<li>Python Crash Course</li>
<li>Python Course</li>
<li>Python Basic to Advance</li>
</ul>
</body>
</html>
Or jo iska output ayega vo app necha dek sakte hai,
Output:
Books Details
- Python Crash Course
- Python Course
- Python Basic to Advance
App issa jab pratice kroge to app acha sa samj jaogge.
Description List : Isme bhi app <dl>or </dl> ka use kreke Description list bana sakte ho
<dl>
<li>Python Crash Course</li>
<li>Python Course</li>
<li>Python Basic to Advance</li>
</dl>
Or iska pura structur app aise lik sakte ho
<html>
<head>
<title>Document</title>
</head>
<body>
<h1>Books Details</h1>
<dl>
<li>Python Crash Course</li>
<li>Python Course</li>
<li>Python Basic to Advance</li>
</dl>
</body>
</html>
Or jo iska output ayegga vo app necha dek sakte hai ;
Output: