list के लिए कोनसे html tags को use किया जाता हे ?
html tags से list create करने के लिए html के कुछ बेसिक tags हे जिसकी knowledge होना आपके लिए बहोत ही जरुरी हे। हमारी वेबसाइट पे पहले से ही html tags की माहिती दी गयी हे। जो आपको basic html tags को सिखने में मदद करेगी।
आपको list बनाने के लिए कुछ html tags और tags के कुछ attributes की जरुरत पड़ती हे जो आज आपको जानने को मिलेंगे। जिसमे मुख्य tags यह हे UL Tag, OL Tag, Li Tag और कुछ attributes भी हे। UL List और OL List दोनों के काम एक जैसे ही उसमे ज्यादा अंतर नहीं हे।
UL Tag कब use करे
जब यूजर को कोइ माहिती symbol के साथ डालनी हो तो यूजर को UL Tag का use करना चाहिए। html Tags में UL Tag के attributes हे जिससे आप list को तरह तरह के symbol दे सकते हो।
Attributes of UL tags : type=”disk”, type=”circle”, type=”square”
UL List कैसे बनाये ?
<html>
<head>
<title> list </title>
</head>
<body>
<h1> html tags for ul list </h1>
<ul>
<li> first item </li>
<li> second item </li>
<li> third item </li>
<li> fourth item </li>
<li> fifth item </li>
</ul>
</body>
</html>
output :-
html tag for ul list
• first item
• second item
• third item
• fourth item
List में OL Tag कब use करे
जब यूजर को कोइ माहिती number के साथ डालनी हो तो यूजर को OL Tag का use करना चाहिए। html Tag में OL Tag के attributes हे जिससे आप list को तरह तरह से क्रम दे सकते हो
Attributes of OL tags : type=”1″, type=”A”, type=”I”, type=”a”, type=”i”
html tag से OL List कैसे बनाये ?
<html>
<head>
<title> list </title>
</head>
<body>
<h1> html tags for ol list </h1>
<ol type="A">
<li> first item </li>
<li> second item </li>
<li> third item </li>
<li> fourth item </li>
<li> fifth item </li>
</ol>
</body>
</html>
output :-
ol list
A first item
B second item
C third item
D fourth item
C third item
D fourth item
list me Nested list क्या होती हे ?
list me Nested list एक से ज्यादा list को मिलाकर बनाई जाती हे। इसमें OL List और UL List दो एकसाथ में मिलकर बनती हे। या दो OL List या दो UL List को मिलाकर बनती हे।
nested list कैसे बनाएँ ?
<html>
<head>
<title> list </title>
</head>
<body>
<h1> html tags for Nested list </h1>
<ol type="1">
<li> first item </li>
<li> second item
<ul>
<li> Nested item </li>
<li> Nested item </li>
</ul>
</li>
<li> third item </li>
<li> fourth item </li>
<li> fifth item </li>
</ol>
</body>
</html>
output :-
html tags for nested list
1 first item
2 second item
• nested item
• nested item
3 third item
4 fourth item
4 fourth item