HTML List and Table Tags| Hindi Notes

HTML लिस्ट एवं टेबल टैग्स | HTML List and Table Tags

1 HTML लिस्ट टैग्स | HTML List Tags
2 HTML टेबल टैग्स | HTML Table Tags

HTML में लिस्ट एलिमेंट <li> का उपयोग किसी सूची / लिस्ट को बनाने के लिए किया जाता है. HTML में मुख्य रूप से दो प्रकार की लिस्ट ऑर्डर (Ordered) लिस्ट एवं अनऑर्डर (Unordered) लिस्ट बनाई जा सकती हैं.

HTML में टेबल बनाने के लिए टेबल एलेमेंट्स का उपयोग किया जाता है, टेबल में डाटा के रूप में टेक्स्ट, इमेज, लिंक, फॉर्म फील्ड आदि को रो एवं कॉलम की फॉर्म में व्यवस्थित किया जा सकता है.

एच.टी.एम.एल. लिस्ट टैग्स \| HTML List Tags

List Tag : List टैग के द्वारा HTML Document में Lists बनाई जाती है। इन टैग्स की सहायता से Number Lists, Bullet Lists, Order Lists, Unorder Lists और Definition Lists बना सकते है। महत्वपूर्ण टैग निम्नानुसार हैं :
Tag	विवरण			उदाहरण
<ul>	<ul> Element का पूरा नाम Unorder List होता है। इसके द्वारा Bullet Lists या Unorder Lists बनाई जाती है। अनआर्डर लिस्ट निम्नानुसार प्रदर्शित होती है । · Coffee · Tea · Milk			<ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
<ol>	<ol> Element का पूरा नाम Order List होता है। इसके द्वारा Number या Order Lists बनाई जाती है। आर्डर लिस्ट निम्नानुसार प्रदर्शित होती है । 1. Coffee 2. Tea 3. Milk			<ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol>
<li>	<li> Element का पूरा नाम List Item होता है। इसके द्वारा एक List में लिखे जाने वाले Data को Define किया जाता है।			<li>Coffee</li> <li>Tea</li> <li>Milk</li>
<dl>	<dl> Element का पूरा नाम Description List होता है। इसके द्वारा विवरण सूची को परिभाषित किया जाता है।			<dl> <dt> Coffee </dt> <dd>- black hot drink </dd> <dt> Milk </dt> <dd> - white cold drink </dd> </dl>
<dt>	<dt> Element का पूरा नाम Description Term होता है। इसके द्वारा शब्दों/नामों को परिभाषित किया जाता है
<dd>	<dd> Element का पूरा नाम Description Definition होता है। एक <dd>टैग के अंदर आप पैराग्राफ, लाइन ब्रेक, छवियां, लिंक, सूचियां आदि डाल सकते हैं। <dd>टैग का उपयोग <dl> और <dt> के साथ संयोजन के रूप में किया जाता है।
एच.टी.एम.एल. टेबल टैग्स \| HTML Table Tags
Table Tag : टेबल टैग के द्वारा के द्वारा HTML Document में Table बनाने के लिए किया जाता है। Table से डाटा को Tabular Format में दर्शाया जाता है। महत्वपूर्ण टैग निम्नानुसार हैं :
Tag		विवरण	उदाहरण
<table>		<table> Element से Table को Define किया जाता है।	<table> <tr> <th>Firstname </th> <th>Lastname </th> <th>Age </th> </tr> <tr> <td>ASHOK </td> <td>SHARMA </td> <td>20 </td> </tr> <tr> <td>BHANU </td> <td>PATEL </td> <td>24 </td> </tr> </table>
<th>		<th> Element का पूरा नाम Table Header होता है। इसके द्वारा Table Header यानि Cells को Define किया जाता है।
<tr>		<tr> Element का पूरा नाम Table Row होता है। इसके द्वारा Table Row को Define किया जाता है।
<td>		<td> Element का पूरा नाम Table Data होता है। इसके द्वारा Table Data को Define किया जाता है। यानि जो Data हम Table में लिखना चाहता है।
<caption>		<caption> Element का उपयोग Table Caption / शीर्षक देने के लिए किया जाता है।	<table> <caption> Monthly Savings </caption> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tbody> <tr> <td>January</td> <td>1000</td> </tr> <tr> <td>February</td> <td>1500</td> </tr> </tbody> <tfoot> <tr> <td>Sum</td> <td>2500</td> </tr> </tfoot> </table>
<thead>		<thead> Element का पूरा नाम Table Header होता है। इसके द्वारा Header Content का Group बनाया जाता है।
<tbody>		<tbody> Element का पूरा नाम Table Body होता है। इसके द्वारा Table के Body Content को Group किया जाता है।
<tfoot>		<tfoot> Element का पूरा नाम Table Footer होता है। इसके द्वारा Footer Content को Group किया जाता है।