HTML TUTORIAL: LIST TAGS

HTML TUTORIAL IN HINDI


HTML TUTORIAL: LIST TAGS

  • Introduction to list tag
  • Use of list tag element
  • Types of list tag

INTRODUCTION TO LIST TAGS

HTML me important text ko highlight karne ke liye list ka use kiya jata hai. list ka use HTML document ki look bhi achi rahti hai aur document ko  samajhne me bhi aasan hoti hai.

List ki use HTML document ke alawa article, pdf file, presentation, website , navigation menu create karne ke liye kiya jata hai.

USES OF LIST TAG ELEMENT

HTML me list banane ke liye kai elements ko use karna hota hai. list me use hone wale element ki achi jankari honi chahiye tabhi list tag ko ache se istemal kar sakte hai. is ke liye sabhi element ka naam aur unka use niche bataya gaya hai.
  • UL ELEMENT: Means Unordered list. Iska element dwara bullet lists ya unordered list bnayi jaati hai.
  • OL ELEMENT: Means order list. Is element dwara number ya order list bnayi jaati hai.
  • LI ELEMENT: Means list item. Yah list ki data ko define karte hai.
  • DD ELEMENT: means Definition Description. Is element dwara definition terms ko define karta hai.
  • DL ELEMENT: Means definition list. Is element dwara definition lists ko define karta hai.
  • DT ELEMENT: Means definition terms. Is element dwara definition terms ko define karta hai.

TYPE OF HTML LIST

Aap apne document me 3 tarike ki list tag ko use kar sakte hai. sabhi list type ki apna khubi hai. jaise ki order list ko use karna hai to uski tag <ol> ko use karna hoga, Unordered list ko use karna hoga aur definition list ko use karna hai to <dl> tag ko use karna hoga.
  • Ordered list
  • Unordered list
  • Definition list

ORDERED LIST

Yah list ek order form me hoti hai. Is list ki madat se kai order bana sakte hai. Jaise alphabets (a, b, c, d…..)  aur Number (1, 2, 3, 4, ……. ). Is list ko banane ke liye <ol> tag ko use karna hota hai. Uske badh <li> yani list item define karna hota hai.

Order list me kai attribute ko use kar sakte hai. iske liye <ol> tag me type karke value ko define karna hota hai.
Example:
<!DOCTYPE html>
<html>
<head>
<title>ordered list example</title>
</head>
<body>
<ol>
<li>Mohan</li>
<li>Sohan</li>
<li>Monika</li>
</body>
</html>
Result:
HTML TUTORIAL: LIST TAGS, HTML Tutorial in hindi


Mano aap apne point ko number (1, 2, 3, 4) order me likhna chahte hai uske liye aapko <ol> tag ki type me value “1” define karna hoga. “<ol type= “1”>

Example of order list with attribute
<!DOCTYPE html>
<html>
<head>
<title>ordered list example</title>
</head>
<body>
<ol type= "1">
<li>Mohan</li>
<li>Sohan</li>
<li>Monika</li>
</body>
</html>
Result:
HTML TUTORIAL: LIST TAGS, HTML Tutorial in hindi

UNORDERED LIST

Unordered list create karne ke liye aap ko <ol> tag ko istemal karna hoga. Iske badh same ordered list jaise list create karne ke liye <li> tag ko use karna hoga yah list item define karta hai.

Unordered list me 3 attribute use kar sakte hai, circle, square aur disk. Is attribute ko <ul> tag ki tupe value me define karna hota hai.
Example:
<!DOCTYPE html>
<html>
<head>
<title>Unordered list example</title>
</head>
<body>
<ul type= "circle">
<li>Mohan</li>
<li>Sohan</li>
<li>Monika</li>
</ul>
</body>
</html>

Result:
HTML TUTORIAL: LIST TAGS, HTML Tutorial in hindi

DEFINITION LIST

Definition lists create karne ke liye aapko <dl>, <dt> aur <dd> tags ko istemal karna hoga khaskar definition lists ko kisi bisesh word ko define karne ke liye kiya jaata hai. eg. Shopping site items, online dictionaries etc. is se us term ki definition provide hoti hai.
Example:
<!DOCTYPE html>
<html>
<head>
<title>Definition list example</title>
</head>
<body>
<dl>
<dt> computer:</dt>
<dd> computer is an electronic device which gives various information data...</dd>
<dt> Network:</dt>
<dd> A network, in computing, is a group of two or more devices that can communicate. In practice, a network is comprised of a number of different computer systems.
</dd>
</dl>
</body>
</html>

Result:
HTML TUTORIAL: LIST TAGS, HTML Tutorial in hindi

Previous: Table Tags
Next : Link Tags
HTML TUTORIAL: LIST TAGS HTML TUTORIAL: LIST TAGS Reviewed by Phaguni Mandal on December 05, 2018 Rating: 5

1 comment:

  1. aapne domain toh le liya hai toh hosting bhi buy kar liye hote taki aapko seo me help mil jati .

    ReplyDelete

'; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
Powered by Blogger.