Friday 28 March 2014

HTML Lists


HTML Lists दो प्रकार की होती है - 

An ordered list:

  1. The first list item
  2. The second list item
  3. The third list item

An unordered list:

  1. List item
  2. List item
  3. List item

Unordered Lists

                                           unordered list <ul> tagसे शुरु होती है  तथा list मे हर item <li> tag के साथ शुरु होती है। list items के आगे bullets के निशान होते है ।
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>


उपयुक्त HTML code को browser मे इस तरह देखा जा सकता है :
  • Coffee
  • Milk

Ordered Lists

                                     ordered list <ol> tagसे शुरु होती है  तथा list मे हर item <li> tag के साथ शुरु होती है। list items के आगे numbers के निशान होते है ।
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

उपयुक्त HTML code को browser मे इस तरह देखा जा सकता है :
  1. Coffee
  2. Milk

Description Lists

            description list  वह लिस्ट होती है जिसमें लिस्ट के terms/names उनके बारे मे व्याख्या के साथ लिखे होते है।
           description list <dl> tagसे शुरु होती है  तथा list मे हर terms/names <dt> tag के साथ शुरु होती है।  तथा उनकी व्याख्या <dd> tag के बाद शुरु होती है।   इससे terms/namesबाद उनकी व्याख्या के आगे डेश (-) का निशान लग जाता है ।
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

उपयुक्त HTML code को browser मे इस तरह देखा जा सकता है :

Coffee
- black hot drink
Milk
- white cold drink

Basic Notes - Useful Tips

नोट : list item के अंदर आप text, line breaks, images, links, other lists, आदि भी डाल सकते है।

1 comments: