HTML लिस्ट एवं टेबल टैग्स | HTML List and 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 किया जाता है।
|
|||
कम्प्यूटर ऑनलाइन टेस्ट
कंप्यूटर हिंदी नोट्स
कंप्यूटर प्रेक्टिकल्स
Tags - What is HTML? History of HTML. Applications of HTML, Web Designing and HTML. How to use HTML for Web Designing. HTML Hindi Notes. Using HTML in Hindi. HTML Hindi Notes Heading Tags, Pargagraph Tags, ITI COPA HTML Theory – Using Formatting Tags in Hindi. HTML List and Table Tags Hindi Notes. How to Create HTML Ordered Lists & Unordered Lists. How to use Tables in HTML? Using TH, TR, TD, UL & OL Tags.
कंप्यूटर हिंदी नोट्स
कंप्यूटर प्रेक्टिकल्स
Tags - What is HTML? History of HTML. Applications of HTML, Web Designing and HTML. How to use HTML for Web Designing. HTML Hindi Notes. Using HTML in Hindi. HTML Hindi Notes Heading Tags, Pargagraph Tags, ITI COPA HTML Theory – Using Formatting Tags in Hindi. HTML List and Table Tags Hindi Notes. How to Create HTML Ordered Lists & Unordered Lists. How to use Tables in HTML? Using TH, TR, TD, UL & OL Tags.
एच.टी.एम.एल. क्या है? एच.टी.एम.एल. का इतिहास, एच.टी.एम.एल. कैसे सीखे? एच.टी.एम.एल. हिंदी नोट्स, एच.टी.एम.एल. का उपयोग, एच.टी.एम.एल. का वेब डिजाइनिंग में क्या उपयोग है?
|| Theory ||
Practicals
|| Video Tutorials
|| Online Test Series ||